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 `full` as the first element of a column #47

Open nimser opened 7 years ago

nimser commented 7 years ago

Description

Given we are rendering an element followed by a column containing a full as its first element the rendering will break/be inconsistent.

Illustration

This is the pattern that has been identified to cause issues. Replace empty by any element.

column () []
  [ empty
  , column ()
        [ full () [] empty
        , empty
        ]
  ]

Full SSCCE

This Ellie SSCCE makes the issue apparent.

In it, you can see that the grey header is overlapped by the full element of the nested column.

Instead there should be no influence on the header and it should look like this:

(Note: occuring on Chrome 59)