flokosiol / kirby-subpagelist

Subpagelist field plugin for Kirby 2
MIT License
46 stars 4 forks source link

Layout bug - tooltips options #10

Open movingwater opened 6 years ago

movingwater commented 6 years ago

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.

flokosiol commented 6 years ago

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.

movingwater commented 6 years ago

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?

flokosiol commented 6 years ago

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?

movingwater commented 6 years ago

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 commented 6 years ago

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?