search

firebase / firebase-tools-ui

A local-first UI for Firebase Emulator Suite.
https://firebase.googleblog.com/2020/05/local-firebase-emulator-ui.html
Apache License 2.0
262 stars 60 forks source link

Options menu on firestore emulator collections column are hidden where collection names are longer. #921

Open Zelfapp opened 1 year ago

Zelfapp commented 1 year ago

[REQUIRED] Environment info

firebase-tools: 11.21.0

Platform: Manjaro linux

[REQUIRED] Test case

The filter and more options menus are hidden when the collection name hits a certain number of characters.

options-menu-hidden

Collection with shorter name display the filter and more options menu. image

[REQUIRED] Steps to reproduce

Create a collection named testingProductionItemRawData. The collection column filter and more options menus are hidden and you cannot resize the collections column.

[REQUIRED] Expected behavior

Should be able to resize the column or the firestore emulator screen should be responsive on all firestore columns and wrap the menus so they are always visible.

[REQUIRED] Actual behavior

If a collection name is too long, the collection menu options will be inaccessible. You cannot scroll horizontally to bring them into view.

aalej commented 1 year ago

Hi @Zelfapp, thanks for reaching out to us. There was an update in firebase-tools v11.23.0 which contains some bug fixes related to the emulator suite UI. Just to verify, could you upgrade to firebase-tools v11.23.0 or to the latest version which is currently v11.24.0, to see if you would still encounter any issues with the Firestore Emulator UI?

Zelfapp commented 1 year ago

@aalej updated.

Updated to 11.24.0 and I can see the menu options now, but they spill into other column.

image

aalej commented 1 year ago

Thanks for the quick reply @Zelfapp, I’m able to reproduce the issue on a macOS machine using firebase-tools v11.24.0. It is odd to see the menu options overlap the panel header. That said, I’ll notify our engineers about this issue.

joehan commented 1 year ago

Seems like this is an issue with the code in github.com/firebase/firebase-tools-ui, so I'm moving it there. Thanks for reporting this @Zelfapp!