Skip to content

Avoid using aspect-ratio CSS property - #1258

Merged
microbit-matt-hillsdon merged 2 commits into
mainfrom
aspect-ratio
Aug 14, 2026
Merged

Avoid using aspect-ratio CSS property#1258
microbit-matt-hillsdon merged 2 commits into
mainfrom
aspect-ratio

Conversation

@microbit-robert

Copy link
Copy Markdown
Collaborator

Not supported in Safari 14. Switch to the AspectRatio component, which
uses percentage-based padding, and introduce a class that mimics this
approach for ratios only known at runtime.

See microbit-foundation/ui#72

  Not supported in Safari 14. Switch to the AspectRatio component, which
  uses percentage-based padding, and introduce a class that mimics this
  approach for ratios only known at runtime.
@github-actions

Copy link
Copy Markdown

Preview build will be at
https://review-python-editor-v3.microbit.org/aspect-ratio/

@microbit-matt-hillsdon

Copy link
Copy Markdown
Collaborator

This looks fine but holding off on merging to ponder whether there should be any library support for the dynamic aspect ratio thing.

@microbit-robert

Copy link
Copy Markdown
Collaborator Author

This looks fine but holding off on merging to ponder whether there should be any library support for the dynamic aspect ratio thing.

There is a similar kind of override for the recording graph preview in the settings dialog for ml-trainer, but nothing else in the family needs it.

@microbit-matt-hillsdon
microbit-matt-hillsdon merged commit 8af7d89 into main Aug 14, 2026
1 check passed
@microbit-matt-hillsdon
microbit-matt-hillsdon deleted the aspect-ratio branch August 14, 2026 10:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants