Safari Bug: Select tool does not always select the correct layer

[jasmussen]

The select tool (press Escape, or choose from the toolbar) selects the layers of a block parent first. Click a columns block and you select the columns block itself, then the column, then contents inside that column. This is the inverse behavior of the default tool, where you click to edit text directly.

In Safari this behavior is slightly buggy in that the selection is not instantly reset when you click outside a block to deselect. Observe Safari:

Note how when I've clicked through to the Paragraph layer, then deselect the block and quickly select it again, I can select the Paragraph again, even though the selection index should have been reset. It does get reset after a delay, but it is not instant.

Here's Chrome:

Note how regardless of which layer I select, when I deselect the block the selection index is immediately reset, as it should be.

The issue appears to be related to the BlockAsyncRenderProvider.

[momotofu]

I was also able to reproduce this bug on Safari Version 13.0.4

[paaljoachim]

Testing using:
WordPress 5.7
Twenty Twenty One.
Gutenberg plugin 10.4
Safari

I tested similar to what @jasmussen Joen mentioned and to me it now seems to be working correctly.
As parent block is selected I can click directly into the paragraph block inside the columns block.
I believe this issue can now be closed.

[jasmussen]

@gziolo in relation to #30299, should this one or that be closed? Are they the same do you know? Thanks for testing Paal.

[gziolo]

It's very likely they are the same, see my comment: #30299 (comment). There is also #29678 that looks similar. Ideally, we test them all and close all that can't be reproduced. @jasmussen, can you still reproduce this one?

[Mamaduka]

There's also #30249, which I could reproduce on Chrome, but it's inconsistent compared to Safari.

Unfortunately, I'm not sure where to look next for the source of the issue.

[ellatrix]

Should be fixed after #30995. Please reopen if that's not the case :)