[Image][GIF] Fixing overflow issue.#3582
Merged
catandthemachines merged 4 commits intomainfrom May 6, 2026
Merged
Conversation
![claude[bot]](https://avatars.githubusercontent.com/in/1236702?s=60&v=4){kind=small}
There was a problem hiding this comment.
Claude Code Review
This repository is configured for manual code reviews. Comment @claude review to trigger a review and subscribe this PR to future pushes, or @claude review once for a one-time review.
Tip: disable this comment in your organization's Code Review settings.
Contributor
🗄️ Schema Change: No Changes ✅ |
Contributor
|
Size Change: +42 B (+0.01%) Total Size: 504 kB 📦 View Changed
ℹ️ View Unchanged
|
Contributor
🛠️ Item Splitting: No Changes ✅ |
Contributor
npm Snapshot: PublishedGood news!! We've packaged up the latest commit from this PR (e26dabf) and published it to npm. You Example: pnpm add @khanacademy/perseus@PR3582If you are working in Khan Academy's frontend, you can run the below command. ./dev/tools/bump_perseus_version.ts -t PR3582If you are working in Khan Academy's webapp, you can run the below command. ./dev/tools/bump_perseus_version.js -t PR3582 |
github-actions
Bot
added
schema-change
nishasy
approved these changes
May 6, 2026
Contributor
nishasy
left a comment
nishasy
left a comment
There was a problem hiding this comment.
Makes sense to me! I was able to confirm it works in storybook too.
Merged
handeyeco
pushed a commit
that referenced
this pull request
May 6, 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/perseus-editor@31.2.0 ### Minor Changes - [#3571](#3571) [`4e0193210e`](4e01932) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Deprecate `serialize()` function on EditorPage, ArticleEditor, and Editor components - use `onChange` prop instead! - [#3495](#3495) [`0dd432126d`](0dd4321) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Add usePreviewController and usePreviewPresenter hooks for typed iframe preview communication - [#3499](#3499) [`8860d6a838`](8860d6a) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Export preview system hooks and types from @khanacademy/perseus-editor ### Patch Changes - [#3580](#3580) [`e5e93e1dab`](e5e93e1) Thanks [@ivyolamit](https://github.com/ivyolamit)! - Remove some feature flags related to Interactive Graph Phase 2 (absolute value, tangent, logarithm, and exponent) - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`cf2e061e24`](cf2e061), [`e5e93e1dab`](e5e93e1), [`138a955dfc`](138a955)]: - @khanacademy/perseus@77.4.1 - @khanacademy/perseus-core@26.0.2 - @khanacademy/keypad-context@3.2.47 - @khanacademy/kmath@2.4.5 - @khanacademy/math-input@26.4.19 - @khanacademy/perseus-linter@5.0.2 - @khanacademy/perseus-score@8.8.1 ## @khanacademy/keypad-context@3.2.47 ### Patch Changes - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 ## @khanacademy/kmath@2.4.5 ### Patch Changes - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 ## @khanacademy/math-input@26.4.19 ### Patch Changes - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 - @khanacademy/keypad-context@3.2.47 ## @khanacademy/perseus@77.4.1 ### Patch Changes - [#3574](#3574) [`1f4e2b5105`](1f4e2b5) Thanks [@handeyeco](https://github.com/handeyeco)! - Make angleOffsetDeg nullable - [#3566](#3566) [`cf2e061e24`](cf2e061) Thanks [@Myranae](https://github.com/Myranae)! - Convert matcher colors to semantic tokens - [#3580](#3580) [`e5e93e1dab`](e5e93e1) Thanks [@ivyolamit](https://github.com/ivyolamit)! - Remove some feature flags related to Interactive Graph Phase 2 (absolute value, tangent, logarithm, and exponent) - [#3582](#3582) [`138a955dfc`](138a955) Thanks [@catandthemachines](https://github.com/catandthemachines)! - Fixing horizontal overflow issues in GIF images. - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 - @khanacademy/keypad-context@3.2.47 - @khanacademy/kmath@2.4.5 - @khanacademy/math-input@26.4.19 - @khanacademy/perseus-linter@5.0.2 - @khanacademy/perseus-score@8.8.1 ## @khanacademy/perseus-core@26.0.2 ### Patch Changes - [#3574](#3574) [`1f4e2b5105`](1f4e2b5) Thanks [@handeyeco](https://github.com/handeyeco)! - Make angleOffsetDeg nullable - [#3580](#3580) [`e5e93e1dab`](e5e93e1) Thanks [@ivyolamit](https://github.com/ivyolamit)! - Remove some feature flags related to Interactive Graph Phase 2 (absolute value, tangent, logarithm, and exponent) ## @khanacademy/perseus-linter@5.0.2 ### Patch Changes - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 - @khanacademy/kmath@2.4.5 ## @khanacademy/perseus-score@8.8.1 ### Patch Changes - Updated dependencies \[[`1f4e2b5105`](1f4e2b5), [`e5e93e1dab`](e5e93e1)]: - @khanacademy/perseus-core@26.0.2 - @khanacademy/kmath@2.4.5 Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
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
2 participants
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:
Fixing overflow issue with GIF images, the root cause being a result of the canvas styles not configured to properly respond to the parent FixedToResponsive component.
Before:
After:
Issue: LEMS-4075
Test plan:
Run
pnpm testRepo: /?path=/story/widgets-image-widget-demo--gif-image