lost-column: none; always generates float-specific CSS, regardless of global flexbox setting
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.
- Add the
@lost flexbox flexglobal setting so that any elements withlost-columnuse flexbox. - Add a
lost-flex-containerrow with any number of lost-managed flex elements with ``lost-column: /;`. - For one of those elements, use
lost-column: none;to reset lost-related properties. - 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
- Download
- cd into the directory
- run
yarnornpm install - run
yarn startornpm start
There is also a simple example online here: https://lost-reset-bug-sbjzudyxpz.now.sh/
Ooo. Yup. I let that escape. Let me get a failing test for this on a branch and see if I can tackle it.