question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hide Menu with `withinPortal` when it target is hidden (itself or one of parents)

See original GitHub issue

What package has an issue

@mantine/core

Describe the bug

I have sticky header, when header is static - it have the navigation with Menu target (I’m used it to make priority navigation pattern) When header is sticky, navigation is hidden.

So, I have a problem when I opened Menu (withinPortal), and scrolled and header changed status into sticky, target (trigger) is hidden, but menu still visible.

https://user-images.githubusercontent.com/18473137/191861274-bc36b39b-7648-4821-9d6d-58b0db31a455.mp4

What version of @mantine/hooks page do you have in package.json?

latest

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No response

Are you willing to participate in fixing this issue and create a pull request with the fix

No response

Possible fix

Maybe you can use use-intersection internally or something similar to trigger close

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:10 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
rtivitalcommented, Oct 5, 2022

I suppose that it should work the same way as Menu without Portal

0reactions
rtivitalcommented, Oct 6, 2022

@7iomka the fix provided by @wes337 will be available in next patch, reopen this issue if it does not solve it

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hide Menu with `withinPortal` when it target is hidden (itself or one ...
So, I have a problem when I opened Menu ( withinPortal ), and scrolled and header changed status into sticky, target (trigger) is...
Read more >
Show a submenu but hide its parent menu - Stack Overflow
Im trying to reveal a submenu but hide its main menu but i cant seem to get the back link to work. Heres...
Read more >
Portal | Mantine
Portal is useful when you want to prevent parent styles from interfering with child, usually all these styles are related to position and...
Read more >
Peoplesoft Portal – Hiding the Menu - Human Resources
We've a need to eliminate the Peoplesoft Portal Navigation Menu (left column) from the self-service pages. Does anybody know if the menu can ......
Read more >
Configure a portal header menu
Define the look and behavior of the portal header menu and assign menu items to appear in the header. The header menu is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found