lost icon indicating copy to clipboard operation
lost copied to clipboard

lost-column: none; always generates float-specific CSS, regardless of global flexbox setting

Open brandondurham opened this issue 7 years ago • 1 comments

Is this a feature request or a bug report? Bug.

What is the current behavior? Using lost-column: none; to reset a Lost element results in float-specific CSS being generated, even when the global setting is set to flex.

If it's a bug please provide the steps to reproduce it and maybe some code samples.

  1. Add the @lost flexbox flex global setting so that any elements with lost-column use flexbox.
  2. Add a lost-flex-container row with any number of lost-managed flex elements with ``lost-column: /;`.
  3. For one of those elements, use lost-column: none; to reset lost-related properties.
  4. You should see the CSS generated for that element is for float columns, not flex columns.

What is the desired behavior? Using lost-column: none; on any element will generate css that’s based on global settings.

What version of LostGrid, browser and browser version are affected by this issue? Did this happen in previous versions? v8.3.0

Anything else? I set up a repo illustrating the issue: https://github.com/brandondurham/lost-reset

  1. Download
  2. cd into the directory
  3. run yarn or npm install
  4. run yarn start or npm start

There is also a simple example online here: https://lost-reset-bug-sbjzudyxpz.now.sh/

brandondurham avatar Oct 16 '18 19:10 brandondurham

Ooo. Yup. I let that escape. Let me get a failing test for this on a branch and see if I can tackle it.

peterramsing avatar Nov 08 '18 02:11 peterramsing