材料 ui 弹出窗口中的意外行为

Question

I have a lot of popvers in my page (every line in a table). All of them work fine, the condition to opening the popover is By the id of the item. But when i open the popover of the last item it jumps for a moment in the top-right side of the screen and then it goes to the right place. (i can sort the table by name, id etc but that problem is always happening to the last item) When i print the anchorEl it always prints the right div.

Answer 1

The material ui popover works as expected if you wrap the content in a Menu component:

<Popover>
    <Menu>
        <p>Content in popover here</p>
    </Menu>
</Popover>