Page scroll to Tabs.Group Component

[itsaboutcode]

Describe the bug I have created a page, which included a component composed of Tabs.Group and placed it in the middle of the page. Now when I open this page, the page scroll to that component for no reason. Any idea why it's happening?

Project information:

   "flowbite": "^1.5.2",
    "flowbite-react": "^0.1.10",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",

[rluders]

Could you provide some example? Code? Vídeo? What browser are you using? And so...

[itsaboutcode]

Here is the sample code. We have noticed that if we remove this, it page starts to scroll to the next last component which has flow-bite components. So this is not specific to any particular flow-bite component.

        <Tabs.Group aria-label="Pills" style="pills" id="tabs-custom">
          <Tabs.Item active={true} title="Clouds">
            <ul className="flex gap-4 flex-wrap">
              <li>
                <img src={googleCloud} alt="" />
              </li>
              <li>
                <img src={aws} alt="" />
              </li>
              <li>
                <img src={salesforce} alt="" />
              </li>
              <li>
                <img src={azure} alt="" />
              </li>
            </ul>
          </Tabs.Item>
          </Tabs.Group>
</div>

[2-fly-4-ai]

I have the same issue.

When opening a new page, if it contains the flowbite-react Tabs component it will open on that element rather than the top of page as expected.

[lytonist]

Same to me. Even if you go to the docs page at https://flowbite-react.com/tabs focus goes to last tabs first item

[rluders]

Probably solved. At least at 0.4.10 it isn't happening in the documentation anymore.