search

DominikSerafin / vuebar

(🗃️ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
https://github.serafin.io/vuebar/
MIT License
649 stars 77 forks source link

Vuebar doesn't calculate native scrollbar width correctly in hidden elements on init #46

Closed DominikSerafin closed 6 years ago

DominikSerafin commented 6 years ago

@DominikSerafin this problem exist in inactive tab, or dropdown, reproduction problem (browser Chrome, os Ubuntu): http://jsfiddle.net/filipenco92/b4u9dxnk/4/ , in first tab width of vb-content is calc(100% + 15px) but in inactive tab width is 100%, and in dropdown also width is only 100%

Source: @filipenco92, https://github.com/DominikSerafin/vuebar/issues/42#issuecomment-356852531

DominikSerafin commented 6 years ago

Actually... this was not a problem with Vuebar but rather problematic project implementation - tabs via jQuery instead Vue state.

DominikSerafin commented 6 years ago

Workaround: https://github.com/DominikSerafin/vuebar/issues/42#issuecomment-356896382