Web based family history software

Question pedigree tree view: dropdown-menu in pedigree-previous-link partly hidden

  • michael2
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #1 by michael2
I wonder why I cannot find anything regarding this in the forum, maybe I'm simply missing the correct search term here.

But for me (within my first experiments with webtrees) the dropdown menu in the Pedigree tree for people with many siblings/children/etc. is partly hidden. The dropdown is covered by the footer and maybe even surpasses the browser window. The dropdown-menu is either bigger than it should be or it gets unintentionally hidden by the footer.

As a quick workaround I manually edited the css file for the theme and modified wt page content to be: .wt-page-content{min-height:90vh;margin-top:1rem}, so the surrounding DOM element is always big enough, now. But it would be great to have the dropdown menu overlapping the footer and not vice versa, and at least not surpassing the browser window. So maybe adapting anything in .dropdown-menu{...} itself or modifying one of the parent <div>s is preferred. But I'm not an html/css expert, so I stick to the simple workaround for now.
 

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago #2 by Franz Frese
what theme are you using?
a image says more than thousand words.(screenshot)
did you try the same with the demo sites?

Please Log in or Create an account to join the conversation.

  • michael2
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago - 1 month 3 weeks ago #3 by michael2
Thank you for your answer. You're right, an image says more than thousand words. See the added picture. 



See there are no Children listed. The old Queen has some of them.

The effect is valid for all Themes.
Last edit: 1 month 3 weeks ago by michael2.

Please Log in or Create an account to join the conversation.

  • bertkoor
  • Offline
  • Platinum Member
  • Platinum Member
  • Greetings from Utrecht, Holland
More
1 month 3 weeks ago - 1 month 3 weeks ago #4 by bertkoor
But of course! Children are descendants, not ancestors!

Maybe you want the Interactive Tree view  which shows both descendants and ancestors of a selected person.

stamboom.BertKoor.nl runs on webtrees v2.1.20
Last edit: 1 month 3 weeks ago by bertkoor.

Please Log in or Create an account to join the conversation.

  • michael2
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #5 by michael2
If you didn't know, in the Pedigree there are not only ancestors, there's also a functionality to show descendants/offsprings (I do not know the correct English word in this context). There is a small arrow in the left, which opens a dropdown context menu. And I simply want a working dropdown menu.

See, this is a picture of the dropdown menu if there is enough space:
 

You can see the Siblings, Spouse and - indeed - also the Children. Yes, even if Children are not Ancestors. Ancestors are on the right and Children on the left. This way you can navigate the tree view. That's a realy useful functionality.

Now compare that to the picture above. The same context, the EXACLY same context menu is shown in my other screenshot above, where only a part of the menu is visible. The functionality is missing.

There is indeed enough space to display the full dropdown menu even in the first screenshot. It simply is hidden behind some white content like the footer or some other white content. The full context COULD be shown.

I would call this a bug, an issue probably in the css. Not a really big one, but it's annoying.

With Queen Elizabeth the context menu is fine if the tree view shows 4 generations. But think of people with more than a hand full of direct descendants. The issue is visible and annoying even in the default 4 generations view.

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago #6 by Marky
> I would call this a bug

Yes it is and can be seen on the demo site as in your first screenshot - Pedigree tree of Queen Elizabeth II, view 2 generations to recreate it.

It's probably something that isn't used often and so hasn't been noticed before but it's definitely a bug.

webtrees v2.1.20
PHP v8.1.29

Please Log in or Create an account to join the conversation.

  • norwegian_sardines
  • Offline
  • Platinum Member
  • Platinum Member
More
1 month 3 weeks ago #7 by norwegian_sardines
Are you hoping the screen will display 3 generations but are asking it to display 2 generations?

Ken

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago - 1 month 3 weeks ago #8 by Franz Frese
No
the submenu is not shown complete.

Marking the bug in the Screenshot  would have helped  ...
Last edit: 1 month 3 weeks ago by Franz Frese.

Please Log in or Create an account to join the conversation.

  • norwegian_sardines
  • Offline
  • Platinum Member
  • Platinum Member
More
1 month 3 weeks ago - 1 month 3 weeks ago #9 by norwegian_sardines
The submenu (drop-down) contains 2 things, the spouse, and the children.  The children are a 3rd generation and should not be listed.  I’m not sure why the spouse is not shown, this could be a bug.

what happens if you change the number of generations to 3?

Ken
Last edit: 1 month 3 weeks ago by norwegian_sardines.

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago #10 by Franz Frese
The problem is not the content, it is the truncation.

Please Log in or Create an account to join the conversation.

  • norwegian_sardines
  • Offline
  • Platinum Member
  • Platinum Member
More
1 month 3 weeks ago #11 by norwegian_sardines
Ah yes, I see the problem.  The drawing area of the page is not big enough for the menu to be displayed.  4 generations works for her but not 3 or 2!   Both Left and Right chart have the problem, up and down have problems as well.

Ken

Please Log in or Create an account to join the conversation.

  • michael2
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 3 weeks ago #12 by michael2
The best solution I have so far is to modify the themes' css, for example in public/css/webtrees.min.css

from:
.wt-page-content{margin-top:1rem}
to:
.wt-page-content{overflow:visible;margin-top:1rem}

This way the dropdown menu is shown. But I do not know which kind of side effects this has, as .wt-page-content{} maybe is used at several other places. The reason for this problem is probably some inherited "hidden" overflow visibility - but, like I already said, I'm not a css expert so I could be completely wrong here.

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago #13 by Franz Frese
it is not only the menu from the arrow, but also the other possible menus, see
 

Please Log in or Create an account to join the conversation.

More
1 month 3 weeks ago #14 by fisharebest
This is a known issue, although I haven't had time to work on it.

See github.com/fisharebest/webtrees/issues/4506

Greg Roach - greg@subaqua.co.uk - @fisharebest@phpc.social - fisharebest.webtrees.net

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum