Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HTML tag moving out of screen when clicking on Toggle #1505

Open
Stunkell opened this issue Dec 17, 2024 · 0 comments
Open

HTML tag moving out of screen when clicking on Toggle #1505

Stunkell opened this issue Dec 17, 2024 · 0 comments

Comments

@Stunkell
Copy link

Describe the bug

Context

My application

I'm developping an application for big touch screen that need to always fit perfetcly in the screen without scroll bar (only lists of elements can be scrolled like in the screenshots).

Description

When clicking on a Toggle that was originaly not on the screen (in the overflow of the page and need to scroll to be seen) the entire HTML page move out of the screen.

Before clicking
image
After cliking one of the toggles
image

(The lower was the toggle the higher the page goes up)
image

I created a little project with the flowbite-svelte-starter project to reproduce the problem:
flowbite-svelte-starter_toggleBugReproduction.zip

Reproduction

  • Download the reproduction project
  • Install dependencies
  • npm run dev
  • Scroll down to the out of screen toggle
  • Click on the toggle
  • HTML element should be pushed to the top

Flowbite version and System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i7-13800H
    Memory: 10.99 GB / 31.66 GB
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.0.6 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant