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.

MaterialCollapsible - additional events for Collapse / Expand.

See original GitHub issue

Is there a way to receive an event when an item is collapsed/expanded? In case of the jQuery accordion, there are accordionactivate, accordionbeforeactivate and accordioncreate. I tried to bind a handler to the collapsible element for those via collapsible.$this.bind(..., but no events are received 😦

Regards, Daniel

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:24 (15 by maintainers)

Top GitHub Comments

1reaction

d-eggertcommented, Apr 23, 2018

Thanks for the hint! I just tested the elemental2.dom.MutationObserver. In order to pass the CollapsibleItem as the observed Node I had to cast it like this: observer.observe(Js.cast(collapsibleItem.$this().asElement())). Is there a better way? Aside from that, it appears to work quite well for the discussed feature.

0reactions

Magallocommented, Nov 30, 2022

I have the same problem and I see this issue is still open. Considering that we are in 2022 and this issue is of 2018 I suppose the question has been solved. Using the most recent version of gwt material, which is the correct way to handle expand/collapse events for collapsible items?

Top Results From Across the Web

Collapse · Material - Daemonite

Using the card component, you can extend the default collapse behavior to create an accordion. Collapsible Group Item #1. Anim pariatur cliche reprehenderit, ......

Expansion Panel | Angular Material

<mat-expansion-panel> provides an expandable details-summary view. ... a summary of the panel content and acts as the control for expanding and collapsing.

Collapsible - Materialize

Collapsibles are accordion elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user....

Create collapsible React components with react-collapsed

The collapsible design helps us to hide content that is not immediately relevant. For example, you may use a collapsible component to show...

Angular Material Collapsible Card - Stack Overflow

Just like Tal Abziz suggested, the best way to achieve a more fancy angular material collapsible card is to embed a mat-expansion-panel in...