Skip to content

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

Open
@AxelMolina1

Description

@AxelMolina1

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions