How to set "Max Width" or "Width" of Floating Menu?

Hi there,

Quick question;
How to set "Max Width" or "Width" of Floating Menu?

What I'm trying to do

Currently I'm trying to build a simple floating menu, containing single web view in it.

And trying to implement a simple feature to the floating menu;

  1. Toggling the height on hover.
  2. Toggling the width by keyboard shortcut.

Problem

It can be wider by setting bigger min width, but doesn’t always back to narrower.

Screen Recording 2024-06-09 at 21.13.152


#1 is pretty much straight forward, I achieved this by using the menu property;

For #2, this is how I implemented;

  • “Run Real Javascript” to toggle a dynamic variable to “true” or “false”
    • if true: set Min Width 384, both default and on hover ( using “Update Floating Menu Properties”)
    • else: set Min Width 786, both default and on hover ( using “Update Floating Menu Properties”)
  • “Re-Position Floating Menu” to apply the updates properly (not sure this is what it meant to do)

Also tried:

  • Using/not using “Re-Position Floating Menu” after update values
    • Using: Re-Position action seems moving the floating menu to where it supposed to be, but width won’t back to narrower.
    • Not Using: Floating menu keep moving to the right → and go away.
  • Enabled “Persist Changes” (below the “Menu UUID” field.)
    • I copied all config from the Floating Menu to paste those “Update Floating Menu Properties” actions, and enabled the persist changes.
    • This makes hover action weirder.
      • When It’s hovered, change wider menu to the narrower size (original size of menu).

Changing height on hover is working in any states.

Is there any way to set “Max Width” or “Width”?
Or, what I'm missing here?

Thanks for reading.