search

mdgriffith / style-elements

Create styles that don't mysteriously break!
http://package.elm-lang.org/packages/mdgriffith/style-elements/latest
BSD 3-Clause "New" or "Revised" License
445 stars 49 forks source link

Using `xScrollbar` can result in scrolling both vertically and horizontally #92

Open benthomasveeva opened 6 years ago

benthomasveeva commented 6 years ago

The big picture of what I'm trying to do

I was trying to make a row of "panels" that scrolled horizontally when there were too many to fit on the screen. The panels should have some spacing in between them.

What I did

I have narrowed it down to the situation where either one of two things is happening:

  1. There is a row that has both xScrollbar and spacing.
  2. There is an el that has xScrollbar, with a child row that has spacing.

What I Expected To Happen

I expected there to be a row that scrolled horizontally but not vertically, with the spacing applied in between the panels.

What Actually Happened

The panels were spaced normally, but the row will scroll both vertically and horizontally. The amount of vertical scrolling is determined by what spacing value you give the row.

Here are some Ellie links: https://ellie-app.com/pvjVyssYqa1/1 (row with both xScrollbar and spacing) https://ellie-app.com/pvjVyssYqa1/2 (row with spacing which is a child of el with xScrollbar)

Versions