How to make tooltip not going outside of screen | Miraheze | Page 1

hallow grove Dec 17, 2023, 4:19 AM

#

When my tooltip is near edge of the screen, it'll go outside of the screen and get cut. How can i display it fully inside the screen without getting cut like this?

lapis coral Dec 17, 2023, 6:25 AM

#

CSS tooltip?

#

in my case they would get cropped inside tables too

#

I have JS tooltip from Fandom adapted for Mira, might be a bit of a hassle to set up but it's position is dynamic
https://gogigantic.miraheze.org/wiki/Template:Tooltip

hallow grove Dec 17, 2023, 7:44 AM

#

yes, that is CSS tooltip

#

i'll check the on you gave, ty

hallow grove Dec 17, 2023, 10:46 AM

#

hmm, this is weird. why it's working and not working at the same time...
https://cravesaga.miraheze.org/wiki/Template:Tier

#

is it supposed to be like that or i broke something?

#

wait, is it because too much stuff in it?... that is the cause, isn't it?... SC_deadge

lapis coral Dec 17, 2023, 11:34 AM

#

it shouldn't be a problem ThinkerMH

#

I never had it going out of screen

hallow grove Dec 17, 2023, 1:17 PM

#

hmm, i tried to shorten the content inside and scale down font size to 90%. it isn't going outside of the left side anymore but still going outside at the top

#How to make tooltip not going outside of screen