Fixed height content with overflow auto is not scrolled when navigating with JAWS

[LaurenceRLewis]

Summary

Brief description of the issue. Please list any specific steps.

Example:

1. Go to https://codepen.io/Deafinitive/live/NWoLrxo
2. Use JAWS to read the content container.

Expected result

I expect the content that is hidden to scroll into view when it is navigated to and spoken by JAWS.

Actual result

JAWS speaks the hidden content, but does not scroll it into view.

Example

JAWS Bug not scrolling content with overflow auto.

CSS used in the example .scroll-container { max-height: 350px; max-width: 450px; overflow: auto; padding: 1em; }

Additional Information

Works as expected using

• NVDA (All browsers)
• VoiceOver on iOS

JAWS version and build number

• 2023.2307.37

Operating System and version

Windows 10

Browser and version:

Chrome: 119.0.6045.200 Firefox: 120

[stevefaulkner]

@LaurenceRLewis why is the scrollable region inside a scrollable region?

[stevefaulkner]

Tested in JAWS 2024/Chrome 119 test case can reproduce. Works as expected in NVDA

[BrettLewisVispero]

Imported into ADO as bug 60021

[LaurenceRLewis]

@LaurenceRLewis why is the scrollable region inside a scrollable region?

Hi @stevefaulkner Sorry I don't understand the question, there is only one scrollable region inside the dialog. If you could expand on the question I will certainly try to answer.

[LaurenceRLewis]

@stevefaulkner I get what you're asking. That's just because the dialog its-self is a fixed height. The example is to show that the contained region of the div with CSS overflow is not scrolling when navigated.

If the scrolling region of the div was in a web page with additional content there would still be a container scroll bar and a browser scroll bar.

I have updated the example with the fixed height content in the page, to show the browser window vertical scrollbar at the same time as the container scroll bar.