Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: floating ui elements set max-content for inline-size #11095

Merged
merged 5 commits into from
Dec 18, 2024

Conversation

driskull
Copy link
Member

@driskull driskull commented Dec 18, 2024

Related Issue: #10731

Summary

BEGIN_COMMIT_OVERRIDE
END_COMMIT_OVERRIDE

@github-actions github-actions bot added the bug Bug reports for broken functionality. Issues should include a reproduction of the bug. label Dec 18, 2024
@driskull driskull added no changelog entry Use the commit override to avoid a changelog entry pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Dec 18, 2024
@driskull driskull added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Dec 18, 2024
@driskull driskull marked this pull request as ready for review December 18, 2024 00:23
@driskull driskull requested a review from jcfranco December 18, 2024 00:23
@driskull driskull added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Dec 18, 2024
Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

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

✨🚀✨

>
${contentHTML}
</calcite-popover>
<div style="width: 800px; height:800px;">
Copy link
Member

Choose a reason for hiding this comment

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

Sidebar: do you think adding a shared set of storybook decorators (similar to this or this) to normalize the dimensions of similar stories would be useful?

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes that would be very helpful. We already do variations of this for some components.

Copy link
Member

Choose a reason for hiding this comment

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

Sweet. I'll create an issue for this.

@driskull driskull merged commit fbb9def into dev Dec 18, 2024
22 checks passed
@driskull driskull deleted the dris0000/floating-ui-set-max-content-inline-size branch December 18, 2024 16:58
benelan pushed a commit that referenced this pull request Feb 8, 2025
**Related Issue:** #10731

## Summary

- Follows [`floating-ui`'s initial layout
recommendation](https://floating-ui.com/docs/computeposition#initial-layout).
- Combobox wasn't correctly handling the size when in fixed overlay
positioning
  - Example: https://codepen.io/Matt-Driscoll/pen/raByNmQ?editors=1010
- updated tooltip and popover stories where stories were being cut off
due to sizing.

BEGIN_COMMIT_OVERRIDE
END_COMMIT_OVERRIDE
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Bug reports for broken functionality. Issues should include a reproduction of the bug. no changelog entry Use the commit override to avoid a changelog entry
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants