Wicklets/wick-editor

[BUG] Code Editor Reference button text overflows in Firefox

sporkl opened this issue · 3 comments

Describe the bug
For Wick 1.19, In Firefox, the text for some of the buttons (Timeline and Random) in the Reference overflows the edge of the button.
Screen Shot 2020-12-02 at 7 14 06 AM

To Reproduce
Steps to reproduce the behavior:

  1. Visit test.wickeditor.com in Firefox.
  2. Open the script editor.

Expected behavior
The button should encapsulate all of the text within.

Desktop (please complete the following information):

  • OS: macOS 10.14.6
  • Browser: Firefox 83.0
  • Version: 1.19

Do you have a suggested solution to this issue? (ex. has another program fixed this bug a certain way? Are you familiar with where in the code base someone would need to fix this issue?)
One solution might just be to make the sidebar and buttons wider by default.

Hey @sporklpony , I don't have this issue in firefox or chrome. I added some changes in the recent branch that should fix this but check it out and let me know if it persists.

I just tried again with the latest 1.19 branch and it still appears to be happening... weird.
Screen Shot 2020-12-03 at 3 47 45 PM

I'm not sure if this is useful, but the text doesn't overflow when I click to the sub-menu.
Screen Shot 2020-12-03 at 3 51 40 PM

Quick mildly related question: I've mostly been using the master branch when doing development... should I be using 1.19 instead?

Thank you!

I just tried again on test.wickeditor.com as well as the 1.19 branch served locally and it appears to be resolved! Don't know why it wasn't working earlier, maybe a caching issue. But I think we're all set!