Flickering drop down menus

[torkelrogstad]

Description of the Issue

Drop down menus flicker. I've noticed this on the top right menu and the currenty setting in the settings submenu. Both menu flicker for approx 1 second each time I click on them. I've tried recording a video of it, it didn't quite capture what it looks like, which is probably because the flickering is so fast. Note that this only happens when Joule is open within an existing browser window, not when I open it through the "Full page" action.

Steps to Reproduce

Click the top right dropdown menu or the currency setting menu.

Description of Your Setup

Browser & version: Firefox 66
Operating system: Ubuntu 18.10
Node software & version: LND 0.5.2

Console Logs / Screenshots

https://gfycat.com/DrearyGiddyGroundhog

[wbobeirne]

Thanks for the report, looks like this happening only in Firefox. We're using ant design for this dropdown, so it's probably going to require an upstream fix. However, I can't get it to happen in their docs for the dropdown component, so it's possible I'm doing something wrong here.

[torkelrogstad]

I can not reproduce either in their docs. Note that I'm not seeing this behavior when Joule is opened in its own page, just with the small extension window. Could that affect this?

[wbobeirne]

I've played around with this a bunch and haven't found a clean fix. Hopefully this is just a Firefox rendering bug (likely to do with multiple transforms / z-index stuff, explaining why it only happens in the popover) and gets fixed. But I'll leave this open until it's finally licked.