Menu bar drop downs misplaced at right side

59 views
Skip to first unread message

torax...@googlemail.com

unread,
Mar 6, 2021, 4:29:02 AM3/6/21
to TiddlyWiki

Hi @all,

the “new” menu bar is really a bless, because now I’ve the whole screen to operate and the wiki behaves a little bit like an application. The option to place items on the right side via “float: right;” is also helpful. Only annoyance is a drop down menu in this context: It is still aligned with the left limit of the menu-item and so parts of the displayed popup-bubble is displayed outside of the window.

pic1.jpg

While analyzing the problem I noticed, the pop-up derives its placement coordinates from the <li>-element. So is there a way to simple change the placement instructions from “left” to “right”, if the style includes a “float:right;”?

pic2.jpg

pic3.jpg

Thanks for your Input.

Cheers.

ToraxMalu




torax...@googlemail.com

unread,
Mar 6, 2021, 7:46:12 AM3/6/21
to TiddlyWiki
Here some additional information, so far I understand it. All based on the current git-checkout of the source-code.

The "troublemaker" is the reveal-widget in `menu.tid`, line 58:

```<$reveal type="popup" state=<<dropdown-state>> class={{{ [<currentTiddler>get[dropdown]get[class]] }}} tag="div">```

Reveal knows the positions `left`, `above`, `aboveleft`, `aboveright`, `right`, `belowleft`, `belowright` and `below`.
But all this positions are oriented on the position in relation to the activator-button and generating a left-aligned div-box.
Default is "below" hence the observed behavior and missing position attribute in the command.

So my problem can't be solved with the build in options, if I assume correct.

Jeremy Ruston

unread,
Mar 8, 2021, 12:49:06 PM3/8/21
to TiddlyWiki
This is fixed for v5.1.24:


Best wishes

Jeremy

Reply all
Reply to author
Forward
0 new messages