Pop-up elements (emoji pickers, context menu, etc) open on the background view in desktop browsers
Environment info
- Browser, version, OS, platform: Firefox and anything Chromium-based; Linux Mint 21.1 and Windows 10.
- Frontend version (see settings -> about): f685f902
- Backend version (see settings -> about): 2.5.54-640-gacbec640.develop+soapbox
- Browser extensions (ublock, rikaichamp etc): uBlock origin (always deactivated for the instance)
- Known instance/user customizations (i.e. pleromafe mods/forks, instance styles etc): N/A
Bug description & reproduction steps
Originally a Soapbox instance, added the Pleroma front-end on a subdomain on users request. On desktop mode, pop-up/dialog elements like emoji picker, post context menu or the post preview (reply) don't open on the foreground when the cursor is focused on those elements, but rather behind the timeline/notification columns and can be shown on the foreground when the cursor focuses outside those areas. In mobile/desktop PWA they work just fine.
- Emoji picker/context menu, Firefox desktop (cursor focused on side panel)
- Emoji picker/context menu, Firefox desktop (focused on post menu element, the emoji picker symbol is set as open picker)
- Timeline picker, Firefox desktop (cursor focused on side panel)
- Timeline picker, Firefox desktop (cursor focused elsewhere)
- Emoji picker/context menu, PWA (Firefox on Linux desktop)
- Timeline picker, PWA (Firefox on Linux desktop)
Front end was built with yarn 4.0.0 on the same Linux Mint system and then deployed on an Ubuntu 22.04 VPS (custom site folder on /var/www). No errors are shown in console.
Bug seriousness
- How annoying it is: Very. Can't open emoji picker or context menu or anything on desktop. It works just fine on PWA (mobile or desktop).
- How often does it happen: Always.
- How many people does it affect: 30+
- Is there a workaround for it: N/A
Edited by Erika Yano