J4 Issue ?
avatar franz-wohlkoenig
franz-wohlkoenig
3 Aug 2018

Steps to reproduce the issue

Hover the Locked-Icon get Information using <strong>, <br>:

screen shot 2018-08-03 at 06 08 23

System information

  • Nightly Build 4.0.0-alpha5-dev
  • Multilingual Sample Data (French, German DE, Persian)
  • Template: Cassiopeia
  • macOS Sierra, 10.13.6
  • Firefox 61 (64-bit)

CloudAccess.net

  • PHP 7.1.15
  • MySQLi 5.7.18-cll-lve
avatar franz-wohlkoenig franz-wohlkoenig - open - 3 Aug 2018
avatar joomla-cms-bot joomla-cms-bot - change - 3 Aug 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 3 Aug 2018
avatar franz-wohlkoenig franz-wohlkoenig - change - 3 Aug 2018
Category Templates (admin) UI/UX
avatar franz-wohlkoenig franz-wohlkoenig - change - 3 Aug 2018
Priority Medium Very low
Status New Discussion
avatar SharkyKZ
SharkyKZ - comment - 3 Aug 2018

CC @C-Lodder as author of #17050. Will 4.0 have its own version of tooltips or should Bootstrap tooltips be converted to Bootstrap popovers?

avatar C-Lodder
C-Lodder - comment - 3 Aug 2018

@SharkyKZ I dont know anymore. Not sure if they're being converted to custom elements or what. Best ask @ciar4n and @dgrammatiko

avatar wilsonge
wilsonge - comment - 3 Aug 2018

Use popovers if it needs html

avatar brianteeman brianteeman - change - 12 Aug 2018
Labels Added: J4 Issue
avatar brianteeman brianteeman - labeled - 12 Aug 2018
avatar alikon
alikon - comment - 10 Apr 2019

is this still an issue ?

avatar brianteeman
brianteeman - comment - 10 Apr 2019

yes

avatar brianteeman
brianteeman - comment - 10 Apr 2019

If #24441 is accepted then the technique used there could be used here as well

avatar Quy
Quy - comment - 12 May 2019

PR #23944 but still debatable whether it is the right fix

avatar wilsonge
wilsonge - comment - 14 May 2019

Use the tooltips css from #24892

avatar brianteeman
brianteeman - comment - 14 May 2019

I will do that shortly

avatar brianteeman
brianteeman - comment - 14 May 2019

or maybe not as it relied on getting focus

avatar ciar4n
ciar4n - comment - 14 May 2019

Your tooltip CSS should also work for hover. Just need to include :hover....

 /* reveal associated tooltip on focus */
:focus + [role="tooltip"],
:hover + [role="tooltip"] {
  display: block;
  position: absolute;
  bottom: 100%;
}
avatar brianteeman
brianteeman - comment - 14 May 2019

yes I have it working on hover but i havent been able to get focus to work - it needs focus for keyboards

avatar ciar4n
ciar4n - comment - 14 May 2019

At a glance, if your CSS is the same as the above then the focus should work IF the hover works.

avatar brianteeman
brianteeman - comment - 14 May 2019

I agree it should but it appears there is a difference between what can be focussed and hovered. I will get there in the end.

avatar brianteeman
brianteeman - comment - 14 May 2019

Got it

avatar wilsonge
wilsonge - comment - 9 Jun 2019

@brianteeman What ended up happening here?

avatar brianteeman
brianteeman - comment - 9 Jun 2019

see #24899

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 17 Jun 2019

Closed as having Pull Request #24899

avatar franz-wohlkoenig franz-wohlkoenig - close - 17 Jun 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 17 Jun 2019
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2019-06-17 04:42:16
Closed_By franz-wohlkoenig

Add a Comment

Login with GitHub to post a comment