Material UI is documentation is unarguably most close to perfect open source project docs for react developers but there are some unclear things like exact difference between Popover and Popper. Can someone explain me in short what is the core difference between this two ??
Asked
Active
Viewed 5,315 times
8
-
doesn't it explain in the docs section you linked? – NearHuscarl Oct 07 '21 at 14:34
2 Answers
16
As it's explained in the doc :
Popover
Things to know when using the Popover component:
The component is built on top of the Modal component. The scroll and click away are blocked unlike with the Popper component.
Popper
Clicking away does not hide the Popper component. If you need this behavior, you can use ClickAwayListener - see the example in the menu documentation section.
BENARD Patrick
- 30,363
- 16
- 99
- 105
8
A PopOver behaves more like a modal, blocking user action/scroll until it is dismissed with a click outside of itself.
Popper is just a thing that pops, doesn't impose anything upon the user, and doesn't disappear by default if you click away, so it's less intrusive to the user experience.
Guillaume Richard
- 196
- 7