Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Layout bug - tooltips options #10

Open
movingwater opened this issue Dec 7, 2017 · 5 comments
Open

Layout bug - tooltips options #10

movingwater opened this issue Dec 7, 2017 · 5 comments

Comments

@movingwater
Copy link

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
Copy link
Owner

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
Copy link
Author

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
Copy link
Owner

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
Copy link
Author

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
Copy link
Author

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants