FormTokenField: Suggestion is expanded on load when __experimentalExpandOnFocus is set to true

[dinhtungdu]

Description

If __experimentalExpandOnFocus is set for <FormTokenField> component, the suggestion list is expanded after page load without any user interaction.

Step-by-step reproduction instructions

1. Add the following story to packages/components/src/form-token-field/stories/index.tsx:

export const ExpandOnFocus: ComponentStory< typeof FormTokenField > =
	DefaultTemplate.bind( {} );
ExpandOnFocus.args = {
	...Default.args,
	__experimentalExpandOnFocus: true,
};

2. See suggestion list is expanded without focusing on the token input field.

Note: The DropdownSelector story in #42527 can be used for testing this issue.

Screenshots, screen recording, code snippet

Screen.Recording.2022-07-19.at.17.35.12.mov

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[mirka]

Confirmed, the bug is here.

[dinhtungdu]

Confirmed, the bug is here.

@mirka Tracing the history, I found that this issue is a regression introduced in #41216.

[hbhalodia]

Hi @mirka, checked current story book, the issue is not reproducible yet. See here.

expandOnFocus.webm

[mirka]

Great, thank you for looking into it!