Description

I've encountered an issue in Safari when nested InnerBlocks are used. When an inner block is selecting the currently selected block in the editor, it should re-render whenever a new block is selected. In Safari, there is a "lag" such that there is sometimes a second or two delay until one of the inner blocks receives the updated props and is forced to re-render. There is no lag in Chrome.

Hopefully this report makes sense. Please let me know if more info is needed.

Step-by-step reproduction instructions

I've created a proof of concept block to reproduce the problem:

Code: https://gist.github.com/tlovett1/7a6ffcf994f85d41821e9469c35fdea4

Screenshots or screen recording (optional)

Video showing the problem: https://user-images.githubusercontent.com/1844351/112491396-a6330f00-8d56-11eb-9cd5-517de03c71aa.mov

WordPress information

• WordPress version: 5.7
• Gutenberg version: 10.2.1
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? Yes

Device information

• Operating system: macOS 10.15.7