paytonshaltis / freighter

🚂 Freighter is a highly-customizable HTML carousel library featuring a number of dynamic properties affecting carousel items and transitions. Most prominently, it gives complete control over the resizing method (for responsive layouts) as well as the wrapping method (for content display).
https://paytonshaltis.github.io/freighter
MIT License
1 stars 0 forks source link

Scrollbar messes up layout of resizing carousels. #19

Closed paytonshaltis closed 1 year ago

paytonshaltis commented 1 year ago

As mentioned in #18, containers with carousels need to either always or never show a scrollbar or risk having some of the content of their carousels cut off. One strategy to try and fix this issue could include comparing the starting width and the ending width of the container, and if they are different, continue to resize.

paytonshaltis commented 1 year ago

Chalking this issue up to how CSS performs calculations based on the scrollbar. This issue shouldn't really affect most applications, since the issue goes away when scrolling is enabled or the carousel is sectioned into its own scrollable or fixed-height container.