?
avatar SharkyKZ
SharkyKZ
6 Mar 2020

Steps to reproduce the issue

Go to any list view with filter in backend.
Hover over search input.

Expected result

Tooltip is positioned properly.

Actual result

Tooltip is cut off:

Screenshot_2020-03-06 Articles Featured - Joomla - Administration

avatar SharkyKZ SharkyKZ - open - 6 Mar 2020
avatar joomla-cms-bot joomla-cms-bot - change - 6 Mar 2020
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 6 Mar 2020
avatar brianteeman
brianteeman - comment - 6 Mar 2020

It's a zindex issue on the header

avatar SharkyKZ
SharkyKZ - comment - 6 Mar 2020

No, that's not the issue. I intentionally scrolled down before making the screenshot to showcase that tooltip falls out of viewport. Bootstrap tooltips/popovers don't have this issue.

avatar brianteeman
brianteeman - comment - 6 Mar 2020

Whatever is the cause it used to work correctly. it is such an obvious issue it would never habe been merged like this. So there is a change somewhere since this was merged

avatar SharkyKZ
SharkyKZ - comment - 6 Mar 2020

No, it was always like this. These tooltips can't position themselves based on available space. Not sure if this can be done with CSS alone. I just want to point out that we'll start running into this issue more often if the intention is to replace BS tooltips with these.

avatar SharkyKZ
SharkyKZ - comment - 6 Mar 2020

Also, a more specific selector should be used. Have you seen #25161 (comment)?

avatar brianteeman
brianteeman - comment - 6 Mar 2020

As can be seen at the time it was committed in alpha 10 it happily sat on top of the header which it will not do now as it goes behind the header which is a bigger issue that it not being in the viewport

image

avatar C-Lodder
C-Lodder - comment - 6 Mar 2020

Brian, try scrolling down a little bit more so that the search input is inline with the top of the viewport.
If I remember the code for this, it's just basic CSS. There's no JS involved, so it won't change direction based on available space. BS tooltips (popperJs) do this but I don't think core uses them anymore

avatar brianteeman
brianteeman - comment - 6 Mar 2020

yes it is just basic css - on purpose

Personally I dont care about the viewport - you can always scroll

What I do care about though is that a recent change has resulted in the info being hidden permanently

image

avatar C-Lodder
C-Lodder - comment - 6 Mar 2020

Without actually firing up the page, I can't actually see any z-index issues based on looking at the SCSS. The tooltip has a higher z-indez than the header.

avatar brianteeman
brianteeman - comment - 6 Mar 2020

While I wrote z-index that might not be the problem but it was easy to use as a description of the problem

avatar jwaisner jwaisner - change - 6 Mar 2020
Priority Medium Low
Status New Confirmed
Build staging 4.0-dev
avatar jwaisner jwaisner - change - 6 Mar 2020
Category Administration Layout
avatar brianteeman
brianteeman - comment - 7 Mar 2020

Resolved with #28258

avatar brianteeman brianteeman - change - 7 Mar 2020
Status Confirmed Closed
Closed_Date 0000-00-00 00:00:00 2020-03-07 14:06:28
Closed_By brianteeman
avatar brianteeman brianteeman - close - 7 Mar 2020
avatar SharkyKZ
SharkyKZ - comment - 7 Mar 2020

That is completely unrelated. This issue is not resolved.

avatar infograf768 infograf768 - change - 7 Mar 2020
Status Closed New
Closed_Date 2020-03-07 14:06:28
Closed_By brianteeman
avatar infograf768 infograf768 - reopen - 7 Mar 2020
avatar jwaisner jwaisner - change - 8 Mar 2020
Status New Confirmed
avatar SharkyKZ SharkyKZ - change - 25 Mar 2021
Status Confirmed Closed
Closed_Date 0000-00-00 00:00:00 2021-03-25 17:43:10
Closed_By SharkyKZ
avatar SharkyKZ SharkyKZ - close - 25 Mar 2021

Add a Comment

Login with GitHub to post a comment