Skip to content

[Radio] Added a reusable narrowViewportDecorator that constrains forcing content overflow so scroll buttons appear#3254

Open
ivyolamit wants to merge 4 commits intomainfrom
LEMS-3889/adjust-scrollable-viewport
Open

[Radio] Added a reusable narrowViewportDecorator that constrains forcing content overflow so scroll buttons appear#3254
ivyolamit wants to merge 4 commits intomainfrom
LEMS-3889/adjust-scrollable-viewport

Conversation

@ivyolamit
Copy link
Contributor

Summary:

Added a reusable narrowViewportDecorator that constrains the story width to 400px, forcing content overflow so scroll buttons appear and applied the decorator to all "with scroll" radio widget stories.

Issue: LEMS-3889

Test plan:

…ble narrowViewportDecorator that constrains the story width to 400px, forcing content overflow so scroll buttons appear and applied the decorator to all "with scroll" radio widget stories.
…wViewportDecorator that constrains forcing content overflow so scroll buttons appear
@ivyolamit ivyolamit self-assigned this Feb 13, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Feb 13, 2026

🗄️ Schema Change: No Changes ✅

@github-actions
Copy link
Contributor

github-actions bot commented Feb 13, 2026

🛠️ Item Splitting: No Changes ✅

@github-actions
Copy link
Contributor

github-actions bot commented Feb 13, 2026

Size Change: 0 B

Total Size: 484 kB

ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 20.8 kB
packages/keypad-context/dist/es/index.js 1 kB
packages/kmath/dist/es/index.js 5.98 kB
packages/math-input/dist/es/index.js 98.5 kB
packages/math-input/dist/es/strings.js 1.61 kB
packages/perseus-core/dist/es/index.item-splitting.js 11.8 kB
packages/perseus-core/dist/es/index.js 24.8 kB
packages/perseus-editor/dist/es/index.js 99.2 kB
packages/perseus-linter/dist/es/index.js 8.83 kB
packages/perseus-score/dist/es/index.js 9.26 kB
packages/perseus-utils/dist/es/index.js 403 B
packages/perseus/dist/es/index.js 186 kB
packages/perseus/dist/es/strings.js 7.44 kB
packages/pure-markdown/dist/es/index.js 1.39 kB
packages/simple-markdown/dist/es/index.js 6.71 kB

compressed-size-action

@github-actions
Copy link
Contributor

github-actions bot commented Feb 13, 2026

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (cf27f08) and published it to npm. You
can install it using the tag PR3254.

Example:

pnpm add @khanacademy/perseus@PR3254

If you are working in Khan Academy's frontend, you can run the below command.

./dev/tools/bump_perseus_version.ts -t PR3254

If you are working in Khan Academy's webapp, you can run the below command.

./dev/tools/bump_perseus_version.js -t PR3254

@ivyolamit
Copy link
Contributor Author

Before After
image image

@ivyolamit ivyolamit marked this pull request as ready for review February 13, 2026 21:34
Copy link
Contributor

@anakaren-rojas anakaren-rojas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Two nits, but otherwise LGTM

Co-authored-by: Anakaren <anakaren@khanacademy.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants