You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
After adding the range attribute to the style tag, the style did not work. After testing, this is caused by the v-navigation-drawer not adding data-v-* block information, other components were not tested.
Workaround is to use :deep() selector. Here's an updated example.
As far as I can see, v-navigation-drawer is a multi-root component where attribute fallthrough needs to be taken care of manually (class attribute forwarding missing?)
I know that this approach does solve the problem, but I think it should be considered a component defect? It actually defeats the purpose of the "scope" approach.
Environment
Vuetify Version: 3.1.4
Vue Version: 3.3.0-alpha.4
Browsers: Chrome 110.0.0.0
OS: Windows 10
Steps to reproduce
After adding the
range
attribute to the style tag, the style did not work. After testing, this is caused by thev-navigation-drawer
not addingdata-v-*
block information, other components were not tested.Expected Behavior
scoped
tag works in v-navigation-drawerActual Behavior
it does not work
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: