Hi guys, There is code in the Mentat plugin (the virtual desktop conversion), which hacks the core to handle popups going offscreen. The author even has notes in his plugin about possibly merging it into the core. This would very much be worth doing, in my opinion.
https://thesherwood.github.io/Mentat/ Repopup <https://thesherwood.github.io/Mentat/#%24%3A%2Fplugins%2Fadmls%2Frepopup> - A quick hack of a plugin that attempts to reposition tiddlywiki popups so that they don't run off the screen. It's not perfect and it doesn't seem to do much to normal dropdowns. But it's an okay fix until the popup mechanism can get a comprehensive overhaul. This plugin has been designed with the Volant, Engine, and Mentat Plugins in mind. So if you use it for something else, your mileage may vary. https://github.com/theSherwood/Mentat https://github.com/theSherwood/Mentat/blob/master/src/tiddlers/system/plugins/admls/repopup/startup/repopup.js I hope to wrap up my server experiments soon, and come back to this. Let me know if this is useful. Best, Joshua Fontany On Thursday, April 15, 2021 at 6:42:27 AM UTC-7 Mohammad wrote: > Hi Mario, > > The issue with tooltip in TW is > > When tooltips are used at the edge of the screen, they go off screen > simply. As TW has a responsive layout one cannot determine where a text > with tooltip will appear! > The problem is more when you use this with mobile browser (e.g Chrome on > Android) > > One use case for me is the Refnotes plugin where it uses tooltips/infotips > for notes, citations, etc. > > I did some googling and I see JS code needs to detect the position of the > element with tooltip and then decide how to display the tooltip preventing > off screen overflow. > I saw popper.js is common! > > I also found a very small solution here > https://medium.com/carwow-product-engineering/building-a-simple-tooltip-component-that-never-goes-off-screen-c7039dcab5f9 > but I did not know how to use it with TW. > > > > > Best wishes > Mohammad > > > On Thu, Apr 15, 2021 at 5:43 PM PMario <[email protected]> wrote: > >> On Thursday, April 15, 2021 at 1:13:08 PM UTC+2 Mohammad wrote: >> >>> Is there any good tool for using tooltip and infotip in Tiddlywiki! >>> It seems popper is among the common tools but I cannot find any >>> Tiddlywiki integration! >>> >>> url: https://github.com/popperjs/popper-core >>> >> >> Hi, >> There is no TW integration. >> >> It is 20kByte of minified javascript code, just to create a tooltip? I >> personally don't want to carry this as a dependency in the core. >> It may be a 3rd-party plugin. >> >> If you would describe the problems you have with the TW tooltips in more >> detail, we may be able to fix this. >> >> -m >> >>> -- >> 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/8ca93a54-86af-4193-be30-cfb2a2db89d1n%40googlegroups.com >> >> <https://groups.google.com/d/msgid/tiddlywiki/8ca93a54-86af-4193-be30-cfb2a2db89d1n%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> > -- 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/377d355e-97bb-47b0-862f-3c3a6d028d7bn%40googlegroups.com.
