Hi Saq, The problem with type="popup" is that it puts the box offscreen and to the right. I needed to control where the box goes. Attempting to use "aboveright" didn't do anything -- it still put the box "belowleft". The problem is that the reveal widget with type="popup" hardcodes the position in the style attribute. The technique Eric suggested fixed the problem of positioning by not using type="popup"
I'm not sure what you mean by "popup handle", but the launch button is in a div that uses absolute positioning, and the "popup" box uses absolute positioning. Are you saying that the absolute positioning interferes with "tc-popup-keep" ? I want my popup icon to float in the margin between the tiddler content and the edge of the tiddler river. Absolute positioning seemed to be the only way I could achieve this. The popup then floats just to the left of that. Everything looks nice (well, I'm not very fussy re UI), but now the popup wants to close as soon as I enter an edit field inside it. Thanks! On Wednesday, July 22, 2020 at 10:12:34 AM UTC-7, Saq Imtiaz wrote: > > Edited to highlight that you need to use type="popup" > > <$reveal type="popup" state=<<state-editor-settings>> text="" > class="tc-popup-keep" > position="belowleft"> > > > On Wednesday, July 22, 2020 at 7:11:28 PM UTC+2, Saq Imtiaz wrote: >> >> @Mark try this: >> >> <$reveal type="popup" state=<<state-editor-settings>> text="" >> class="tc-popup-keep" >> position="belowleft"> >> >> Make sure the popup handle or its parent div, meaning button in this, is >> not using position:absolute. >> You can probably use float:right instead. >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5e288d32-83f9-44e7-a0d2-a4383aa5ffe8o%40googlegroups.com.
