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

QScrollArea - Thumb style positionning ignored (v2.17) #17597

Open
AxelMolina1 opened this issue Oct 24, 2024 · 0 comments
Open

QScrollArea - Thumb style positionning ignored (v2.17) #17597

AxelMolina1 opened this issue Oct 24, 2024 · 0 comments
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@AxelMolina1
Copy link

What happened?

Since the version 2.17, in some cases when we specify position in the thumb style, the positionning doesn't apply which result in an offset between the two elements.
image

For vertical thumb style, we cannot use top and right CSS properties
And for horizontal thumb style, we cannot use bottom and left

It doesn't work because it seems that those properties are forced to 0px even if we specify !important

For example :
When setting right to 3%
image

The vertical bar is overriding it to 0px
image

And for the horizontal bar, the 3% are applied but we see the bottom and left properties set to 0px as explained before
image

What did you expect to happen?

I expect the thumb-style property of q-scroll-area to apply correctly positionning properties, like it used to on version <2.17 of quasar

Reproduction URL

https://codepen.io/AxelMolina1/pen/vYoWxNJ

How to reproduce?

  1. Go to the provided reproduction URL
  2. Scroll up and down
  3. See the active bar offset with its container

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response

@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Oct 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant