Я создал Навигацию, которая описана в этом примере: https://codesandbox.io/embed/affectionate-cloud-0098q?fontsize=14&hidenavigation=1&theme=dark (это не то, как это выглядит на самом деле, но это дает пример того, как это работает)
ТАК кто-нибудь делает есть идея, почему домашний элемент меняет положение при переключении выпадающего списка тестовых элементов? Я думал, что что-то не так с отображением свойства, но это не имеет отношения к этому поведению. Может быть, у кого-нибудь есть идея. Если чего-то не хватает, я бы предоставил это, конечно.
<html lang="en">
<head>...</head>
<body>
<div id="root"><nav class="sc-fzplWN jvFSmK app-header">
<a aria-current="page" class="sc-fznZeYicicFZ active" href="/">
<figure>
<figcaption>
Test
<span>Hallo</span>
</figcaption>
</figure>
</a>
<div class="sc-fznyAO lYZto">
<ul>
<li>
<a class="grid-container gridcenter" href="/s">
<span>Home</span>
</a>
</li>
<li>
<button class="grid-container gridcenter">
<span>Test</span>
</button>
<ul class="sc-fznKkj rLyPl">
<li>
<a class="grid-container gridcenter" href="/bestof/a"><span>Test 1</span></a>
</li>
<li><a class="grid-container gridcenter" href="/bestof/b"><span>Test 2</span></a>
</li>
<li><a class="grid-container gridcenter" href="/bestof/c"><span>Test 3</span></a>
</li>
<li><a class="grid-container gridcenter" href="/bestof/d"><span>Test 4</span></a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</body>
</html>```