[Dialog]: F6 Group Skipping Is Not Working

[pankajpandey01]

Describe the bug

[Dialog]: F6 Group Skipping Is Not Working

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/docs/modals-popovers-dialog--docs

Reproduction steps

1. Open Sample dialog from https://ui5.github.io/webcomponents-react/v2/?path=/docs/modals-popovers-dialog--docs
2. Press F6

Expected Behaviour

Focus should cycle within the dialog as in SAP UI5 Dialog https://ui5.sap.com/#/entity/sap.m.Dialog/sample/sap.m.sample.Dialog

Screenshots or Videos

No response

UI5 Web Components for React Version

2.15.0

UI5 Web Components Version

2.15.0

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SuccessFactors

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @pankajpandey01

The Dialog accepts arbitrary content, therefore the F6 navigation feature has to be enabled on consumer side. You can find out more about it here: https://ui5.github.io/webcomponents/docs/advanced/using-features/#f6-navigation-fast-navigation

We will add the data-sap-ui-fastnavgroup="true" attribute to the respective elements in the documentation, so it's clearer.