Conversation
…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
Contributor
🗄️ Schema Change: No Changes ✅ |
Contributor
🛠️ Item Splitting: No Changes ✅ |
Contributor
|
Size Change: 0 B Total Size: 484 kB ℹ️ View Unchanged
|
Contributor
npm Snapshot: PublishedGood news!! We've packaged up the latest commit from this PR (cf27f08) and published it to npm. You Example: pnpm add @khanacademy/perseus@PR3254If you are working in Khan Academy's frontend, you can run the below command. ./dev/tools/bump_perseus_version.ts -t PR3254If you are working in Khan Academy's webapp, you can run the below command. ./dev/tools/bump_perseus_version.js -t PR3254 |
Contributor
Author
anakaren-rojas
approved these changes
Feb 13, 2026
Contributor
anakaren-rojas
left a comment
There was a problem hiding this comment.
Two nits, but otherwise LGTM
packages/perseus/src/widgets/__testutils__/story-decorators.tsx
Outdated
Show resolved
Hide resolved
Co-authored-by: Anakaren <anakaren@khanacademy.org>
ivyolamit
commented
Feb 14, 2026
packages/perseus/src/widgets/__testutils__/story-decorators.tsx
Outdated
Show resolved
Hide resolved
Myranae
reviewed
Feb 17, 2026
| ); | ||
|
|
||
| // Force overflow so the radio widget’s scroll controls render in these stories. | ||
| export const narrowViewportDecorator: Decorator = (Story) => ( |
Contributor
There was a problem hiding this comment.
not blocking: Claude pointed out the other decorators aren't typed as Decorator, so that's something you could add for consistency.
Merged
mark-fitzgerald
pushed a commit
that referenced
this pull request
Feb 17, 2026
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @khanacademy/math-input@26.4.0 ### Minor Changes - [#3113](#3113) [`082388a936`](082388a) Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! - Break Perseus styling into its own Cascade Layers ### Patch Changes - [#3259](#3259) [`8ee65a2add`](8ee65a2) Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! - Sync dependencies with Frontend ## @khanacademy/perseus@75.1.0 ### Minor Changes - [#3247](#3247) [`0e578d70fa`](0e578d7) Thanks [@ivyolamit](https://github.com/ivyolamit)! - Remove static props from radio widget - [#3227](#3227) [`e1f9a0d2a1`](e1f9a0d) Thanks [@Myranae](https://github.com/Myranae)! - Remove onChange from Radio - [#3113](#3113) [`082388a936`](082388a) Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! - Break Perseus styling into its own Cascade Layers ### Patch Changes - [#3225](#3225) [`6d7338e5c6`](6d7338e) Thanks [@nishasy](https://github.com/nishasy)! - [Image] | (CX) | Fix zoomed image view in preview - [#3259](#3259) [`8ee65a2add`](8ee65a2) Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! - Sync dependencies with Frontend - [#3254](#3254) [`9eb52fe892`](9eb52fe) Thanks [@ivyolamit](https://github.com/ivyolamit)! - 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. - Updated dependencies \[[`8ee65a2add`](8ee65a2), [`1cd9b4d66a`](1cd9b4d), [`082388a936`](082388a)]: - @khanacademy/math-input@26.4.0 - @khanacademy/perseus-linter@4.8.0 ## @khanacademy/perseus-editor@28.11.0 ### Minor Changes - [#3247](#3247) [`0e578d70fa`](0e578d7) Thanks [@ivyolamit](https://github.com/ivyolamit)! - Remove static props from radio widget ### Patch Changes - [#3225](#3225) [`6d7338e5c6`](6d7338e) Thanks [@nishasy](https://github.com/nishasy)! - [Image] | (CX) | Fix zoomed image view in preview - [#3259](#3259) [`8ee65a2add`](8ee65a2) Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! - Sync dependencies with Frontend - Updated dependencies \[[`0e578d70fa`](0e578d7), [`e1f9a0d2a1`](e1f9a0d), [`6d7338e5c6`](6d7338e), [`8ee65a2add`](8ee65a2), [`1cd9b4d66a`](1cd9b4d), [`9eb52fe892`](9eb52fe), [`082388a936`](082388a)]: - @khanacademy/perseus@75.1.0 - @khanacademy/math-input@26.4.0 - @khanacademy/perseus-linter@4.8.0 ## @khanacademy/perseus-linter@4.8.0 ### Minor Changes - [#3248](#3248) [`1cd9b4d66a`](1cd9b4d) Thanks [@nishasy](https://github.com/nishasy)! - Export LinterWarning type Author: khan-actions-bot Reviewers: mark-fitzgerald Required Reviewers: Approved By: mark-fitzgerald Checks: ⏭️ 2 checks have been skipped, ✅ 6 checks were successful Pull Request URL: #3251
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.


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: