q-toggle icon appears over q-page-sticky #6398
Assignees
Labels
Comments
pdanpdan
added a commit
to pdanpdan/quasar
that referenced
this issue
Feb 18, 2020
…ock going hight in the z stack quasarframework#6398
pdanpdan
added a commit
to pdanpdan/quasar
that referenced
this issue
Feb 18, 2020
…ock going hight in the z stack quasarframework#6398
rstoenescu
added a commit
that referenced
this issue
Feb 18, 2020
fix(QToggle): Use z-index on .q-toggle__thumb to prevent the whole block going hight in the z stack #6398
|
Hi, Thanks for reporting. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the bug
When scrolling content containing a QToggle, the
checked-iconandunchecked-iconprops have the higher z-index.Codepen/jsFiddle/Codesandbox (required)
Codepen - QToggle z-index bug
To Reproduce
Steps to reproduce the behavior:
Create a q-sticky element
Add q-toggles to page and when scrolling the icons have a higher z-index
Expected behavior
Expect icons to be behind the QSticky contents as the rest of the QToggle is.
Screenshots
Platform (please complete the following information):
OS: macOS
Node: 13.2.0
NPM: 6.13.4
Yarn: 1.21.1
Browsers:
Chrome Version 79.0.3945.130 (Official Build) (64-bit)
Safari Version 13.0.5 (14608.5.12)
Electron: 8.x.x
Quasar
@quasar/app: 1.5.7
@quasar/cli: 1.0.5
The text was updated successfully, but these errors were encountered: