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 JS DOM display issues in BoxWithConstraints and com.huanshankeji.compose.material2.ext.TopAppBarScaffold #51

Merged
merged 7 commits into from
Dec 20, 2024

Conversation

ShreckYe
Copy link
Member

BoxWithConstraints actually worked already. Its issue was caused by com.huanshankeji.compose.material2.ext.TopAppBarScaffold.

…nstraints`

See the added FIXME for the reason why it doesn't work
….huanshankeji.compose.material2.ext.TopAppBarScaffold`, and `com.huanshankeji.compose.material3.lazy.ext.List`

1. fix the bug that a direct child with `fillMaxSizeStretch` (CSS `stretch`) doesn't work properly in the `content` of `TopAppBarScaffold` that it's sometimes rendered with the height 0

   This can be triggered either when used with `BoxWithConstraints` or by changing the window size, and the expected correct behavior can be restored by inspecting the element. The 0-height issue in `BoxWithConstraints` turns out to be caused by this. The root cause for this is that `fillMaxSizeStretch`/`stretch` seems buggy when used directly in a `position: absolute` parent. This may be a bug in the browser engines used. Consider reporting this.

1. try fixing an issue that a scrollable `List` with many items take all the space of a parent `Column` and hide components in the same `Column` before it, but fail
@ShreckYe ShreckYe merged commit d993761 into main Dec 20, 2024
6 checks passed
@ShreckYe ShreckYe deleted the box-with-constraints-react-to-size-changes-js-dom branch December 20, 2024 12:44
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.

1 participant