Problem

Currently, the scrolling behavior in different parts of the story builder is inconsistent and can be distracting for users.

Design suggestion

Implement a more consistent and smoother scrolling behavior for following parts of story builder.

Area 1: When the story creator lands on the story builder after selecting images, improve the scrolling behavior to ensure that the top control bar remains visible.

---

Area 2: When editing story text, disable scrolling to keep the text box and other controls in place and make the editing process more productive.

---

Area 3: On the publish page, restrict horizontal scrolling to keep the input field within the screen space and improve alignment of page elements.

---

Area 4: On the post-publishing page, remove scrolling and center the success message to improve the user experience.

---

Acceptance Criteria:

• Horizontal scrolling is disabled on the story builder page after selecting images, and the top control bar remains visible at all times.
• Scrolling is disabled when editing story text, and the text box and other controls remain in place.
• Horizontal scrolling is restricted on the publish page, and the input field is aligned within the screen space.
• Scrolling is removed on the post-publishing page, and the success message is centered.
• Other functionality of story builder is working as normal.

Test scenarios:

• Test that horizontal scrolling is disabled on the story builder page after selecting images, and verify that the top control bar is always visible.
• Test that scrolling is disabled when editing story text, and confirm that the text box and other controls remain stationary.
• Test that horizontal scrolling is restricted on the publish page, and check that the input field is properly aligned within the screen space.
• Test that scrolling is removed on the post-publishing page, and validate that the success message is centered.

Task Description:

QA Results - Beta