question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Expansion Panel MaxHeight overflow bug

See original GitHub issue

Describe the bug When MaxHeight property is set on the Expansion Panel, the content inside breaks out if the content height is higher than the MaxHeight property

Expected behavior The content should stay inside the Expansion Panel body and should be scrollable immagine

TryMudBlazor https://try.mudblazor.com/snippet/mYmvaRQExhbJuutR

Screenshots immagine

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Ccry11commented, May 31, 2021

@rcdailey I’m not sure I understand what you wish to do, but I think you need JavaScript to do that or you can try using the “vh” CSS units.

0reactions
porkopekcommented, May 31, 2021

show me the html version and maybe I can understand what you want

Read more comments on GitHub >

github_iconTop Results From Across the Web

Maximum height for selected expansion-panel with Flex ...
The "fxFlex" should be positioned on the expansion-panel which is "expanded". Unfortunately, I do not find any solution to my problem. Here is ......
Read more >
bug([MatExpansionModule]): [Double scroll on iOs] #19050
The expansion panel is basically just a div with overflow: auto so it's to the browser to determine when to scroll.
Read more >
Using CSS Transitions on Auto Dimensions
You've got an element you want to be able to collapse and expand smoothly using CSS transitions, but its expanded size needs to...
Read more >
CSS max-height property
The max-height property defines the maximum height of an element. If the content is larger than the maximum height, it will overflow. How...
Read more >
Expansion Panels
The panels inner collapsible won't expand until IsExpandedChanged has completed, enabling smooth opening of expansion panels even if the data is not loaded ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found