kirby-subpagelist icon indicating copy to clipboard operation
kirby-subpagelist copied to clipboard

Layout bug - tooltips options

Open movingwater opened this issue 6 years ago • 5 comments

Does anybody else have this issue, that you can't use the tooltips option menu. It seems to be behind the listed pages. So the shortcuts options can't be used (see screenshot) bildschirmfoto 2017-12-07 um 14 08 09

I use the latest plugin version with kirby 2.5.7.

movingwater avatar Dec 07 '17 13:12 movingwater

Mmmh … for me everything works fine. Latest Kirby 2.5.7, latest Subpagelist 2.0.4, Mac OS, Chrome 62

bildschirmfoto 2017-12-07 um 16 21 28

What's your Browser? Does this error also occur in the sidebar? The plugin uses the default Kirby sidebar snippet for subpages without any template modification.

flokosiol avatar Dec 07 '17 15:12 flokosiol

Hi, the sidebar seem to be ok. I use it with Mac OS (10.13) with Chrome 62 or safari 11.

That's wired. Maybe it conflicts with the tabs plugin?

movingwater avatar Dec 07 '17 15:12 movingwater

I'm also using tabs (tabs field) 🙈 https://github.com/afbora/Kirby-Tabs-Field

Does it work, if you create a blueprint with no other fields than the subpagelist?

flokosiol avatar Dec 07 '17 16:12 flokosiol

Just figured out, that it conflicts with the tabs field. If I remove every tab, it works correct. But as soon as I add a tab to the blueprint, the problem appears. I did reinstall the tabs field, but it didn't help.

movingwater avatar Dec 07 '17 23:12 movingwater

Now I think I found the problem. It's caused through the tabs field's css:

.tab-container {
  /* display: none; causes the Kirby textarea to be unable to determine the correct */
  /* height to set itself too. It usually ends up too big. Instead, we move the div */
  /* off-screen so that the textarea can properly determine it's height */
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-9999px);
}

.tab-container.active {
  visibility: visible;
  max-height: 9999px;
  overflow: visible;
  z-index: 2;
  pointer-events: auto;
  transform: none;
}

if I uncomment the two "z-index" parts, the tooltip is displayed correct. but it is wired that you, @flokosiol, have no problems?

movingwater avatar Dec 07 '17 23:12 movingwater