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.

[Popover] Performance: add isLazy prop similar to Menu to skip rendering of the content

See original GitHub issue

What problem does this feature solve? Now that the Menu has the isLazy prop which greatly improves rendering performance, let’s have the same prop for Popovers – in my experience, not rendering their content before user actually opens them may improve performance significantly in some cases.

What does the proposed API look like? <Popover isLazy>

Describe alternatives you’ve considered Support for a render prop, similar to Menu would also be appreciated (and very consistent with the Menu component API).

Additional context See #1118 for context

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
tumdavcommented, Oct 19, 2020

great, thx for your quick reply

1reaction
segunadebayocommented, Jul 15, 2020

Thanks for the reminder @dmitru.

I’ve just updated the popover to support this.

We’ll publish an update shortly.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popover - Chakra UI
If you want to defer rendering of popover content until that Popover is opened, you can use the isLazy prop. This is useful...
Read more >
Menu - Argon Dashboard Chakra - Creative Tim
Chakra UI exports 8 components for rendering menus: Menu : The wrapper component provides context, state, and focus management.
Read more >
Popover menu renders in different place than the anchor ...
The problem is the nesting of DesktopNavbar within DashboardNavbar . This means that every time DashboardNavbar re-renders, ...
Read more >
Menu - Chakra UI
Chakra UI exports 8 components for rendering menus: Menu : The wrapper component provides context, state, and focus management. MenuList : The wrapper...
Read more >
react-native-popover-view - npm
Both JS Modal and Tooltip modes render the Popover into the react component tree instead of in a dedicated native modal. Because of...
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