Firebase Firestore Emulator filter/query UI is broken in the latest 11.20.0 version

[arnab]

I just upgraded from 11.19.0 to 11.20.0 and the Firestore UI's query/filter UI (which pops out as a dialog) is broken. See screenshots below.

[REQUIRED] Environment info

firebase-tools: 11.20.0

Platform: macOS

[REQUIRED] Test case

Install/upgrade to the latest 11.20.0 version:

npm install -g firebase-tools
// or 
npm install -g firebase-tools@11.20.0

[REQUIRED] Steps to reproduce

Open up the Firestore UI, select a collection and then click the menu icon (which pops out a dialog to choose conditions/order etc.). This is broken and the dialog is hidden behind the data elements. It looks like this:

[REQUIRED] Expected behavior

Install the previous version:

npm install -g firebase-tools@11.19.0

And view the same UI and it shows the dialog as expected:

[REQUIRED] Actual behavior

See screenshot in "Steps to repro" section.

[craigfisk]

Thanks! Same problem. Couldn't click to open a query. Instead it just says "filter by field" and wouldn't open. Tried resizing the display bigger/smaller. Tried Firefox. Going back to 11.19.0 from 11.20.0 fixed it. Needed to reboot twice, though. Ubuntu MATE 22.04

[maza90]

npm install -g firebase-tools
// or
npm install -g firebase-tools@11.20.0

[maza90]

Sent from my Hisense V50 using FastHub

[TheIronDev]

Thank you for catching this and writing the bug report!

firebase/firebase-tools-ui#908 resolves the issue by removing the offending overflow styles.

[craigfisk]

Still broken 2023-1-27 in current version; reverted to 11.19.0 to fix it.

[taeold]

We'll be pushing out a new build that contains a fix sometime this week. Thanks for the patience.