From eec07938bb7e181c43cc590a74363ed87c04e49f Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Tue, 25 Mar 2025 11:43:11 +1000 Subject: [PATCH 1/2] DOC-3131: The editor.selection.scrollIntoView() method now pads the target scroll area with a small margin, ensuring content doesn't sit at the very edge of the viewport. --- modules/ROOT/pages/7.8.0-release-notes.adoc | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/modules/ROOT/pages/7.8.0-release-notes.adoc b/modules/ROOT/pages/7.8.0-release-notes.adoc index dff76301c5..af4600883d 100644 --- a/modules/ROOT/pages/7.8.0-release-notes.adoc +++ b/modules/ROOT/pages/7.8.0-release-notes.adoc @@ -114,6 +114,13 @@ For information on using Enhanced Skins & Icon Packs, see: xref:enhanced-skins-a // CCFR here. +=== The `+editor.selection.scrollIntoView()+` method now pads the target scroll area with a small margin, ensuring content doesn't sit at the very edge of the viewport. +// #TINY-11786 + +Previously, when cycling through accessibility issues in the a11y checker dialog, the highlighted content could appear aligned to the very edge of the viewport, making it difficult to identify and visually track. This behavior impacted usability by reducing the effectiveness of the a11y checker tool. + +In {productname} {release-version}, the `+editor.selection.scrollIntoView()+` method was updated to include a top margin, aligning the highlighted content to a fixed 30px from the top of the viewport. Additionally, a visual overlay was introduced to draw attention to the selected element. These changes improve visibility, provide smoother and more intuitive scroll positioning, and enhance the overall user experience when navigating accessibility issues in {productname}. + [[additions]] == Additions From 7c7a1ba2655f31d9695bc55de827b71ecd395f17 Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Tue, 8 Apr 2025 07:15:11 +1000 Subject: [PATCH 2/2] Update modules/ROOT/pages/7.8.0-release-notes.adoc Co-authored-by: Arvin(Jintao) Han <20640097+ArvinJ-H@users.noreply.github.com> --- modules/ROOT/pages/7.8.0-release-notes.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/pages/7.8.0-release-notes.adoc b/modules/ROOT/pages/7.8.0-release-notes.adoc index af4600883d..57f6d22a51 100644 --- a/modules/ROOT/pages/7.8.0-release-notes.adoc +++ b/modules/ROOT/pages/7.8.0-release-notes.adoc @@ -119,7 +119,7 @@ For information on using Enhanced Skins & Icon Packs, see: xref:enhanced-skins-a Previously, when cycling through accessibility issues in the a11y checker dialog, the highlighted content could appear aligned to the very edge of the viewport, making it difficult to identify and visually track. This behavior impacted usability by reducing the effectiveness of the a11y checker tool. -In {productname} {release-version}, the `+editor.selection.scrollIntoView()+` method was updated to include a top margin, aligning the highlighted content to a fixed 30px from the top of the viewport. Additionally, a visual overlay was introduced to draw attention to the selected element. These changes improve visibility, provide smoother and more intuitive scroll positioning, and enhance the overall user experience when navigating accessibility issues in {productname}. +In {productname} {release-version}, the `+editor.selection.scrollIntoView()+` method was updated to include a top and bottom margin, aligning the highlighted content to a fixed `30px` from the edge of the viewport. Additionally, a visual overlay was introduced to draw attention to the selected element. These changes improve visibility, provide smoother and more intuitive scroll positioning, and enhance the overall user experience when navigating accessibility issues in {productname}. [[additions]]