sap.m.ScrollContainer & .Page: missing focus indicator for scroll content

URL (minimal example if possible)

E.g.: https://openui5nightly.hana.ondemand.com/entity/sap.m.Page/sample/sap.m.sample.PageFloatingFooter

Steps to reproduce the problem

1. Open the above sample page
2. With the keyboard, <kbd>Tab</kbd> through elements until it reaches the page

What is the expected result?

Since the scroll content is an interactive element (scrollable with <kbd>arrows</kbd>, <kbd>Home</kbd>, <kbd>End</kbd>, etc.), the focus indicator should be visible there too, according to WCAG 2.1 Focus Visible SC 2.4.7 (Level AA):

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

What happens instead?

• UI5 outline style is not applied to the scroll content. Instead, we see UA’s default focus indicator.
• When focused with a mouse, there is no focus indicator at all which is inconsistent with https://github.com/SAP/openui5/issues/1289#issuecomment-271235357.

Any other information? (attach screenshot if possible)

In Chrome, for example, we see a blue outline:

A similar issue can be observed with sap.m.ScrollContainer.

[a-z-ivanov]

There is some more info. I think we need to workaround this table, to make the experience the same in all browsers:

https://allyjs.io/data-tables/focusable.html

Our element is an overflowing <section style="overflow: scroll"> It’s documented as ‘tabbable’ in FF.

[terezamch]

Hello @boghyon ,

Seems like the issue is fixed by the linked above change. Therefore I am closing the issue.

Best regards, Tereza