Netlify-cms: UI bugs in Firefox (Quantum)

[DirtyF]

Congrats for shipping 1.0, here are some first sight issues that jump to my eyes in Firefox Quantum:

• [ ] search icon position on inputs (collections, medias) 🦊 🍏

• [ ] Editor toolbar switch button

[tech4him1]

@DirtyF What browser are you using, the first two show up fine for me?

[DirtyF]

✅ Google Chrome, Safari
🐛 in Firefox 🦊 (MacOS High Sierra)

[tech4him1]

Weird, I can reproduce that bug, but it almost seems like a Firefox bug -- if I try to change the positioning at all in the dev tools it starts showing up correctly with the setting the same.

[erquhart]

It's due to changes in the way Quantum handles certain styling defaults.

[tech4him1]

@DirtyF The third bug in your list is a duplicate of https://github.com/netlify/netlify-cms/issues/684, right? And I think the fourth issue could be split off since it isn't really 1.0 specific.

[DirtyF]

@tech4him1 splitted ✂️

[erquhart]

Note: these are all issues where Firefox is not applying default top/left for absolute positioned items appropriately. If you toggle absolute positioning off and on for these items in FF dev tools, they correctly apply default positioning. A quick scan of recent entries in bugzilla shows a few issues that could match, so we should determine which is the cause, or open one.

For our immediate purposes, I'm okay with accepting a workaround PR.

[tech4him1]

Maybe https://bugzilla.mozilla.org/show_bug.cgi?id=1386654 or https://bugzilla.mozilla.org/show_bug.cgi?id=1417025?

[erquhart]

Yeah those were the two I saw, and they're both so closely related, I'm betting it's all the same underlying issue. Thanks for linking those.