I would like to listen to an event such as 'MDCSelect:close' whenever it closes so I apply some styling for validation purposes.
Unfortunately, my current DOM structure doesn't have any inputs or selects, therefore, i can't make use of any HTML native event such as onblur. It's all based out of divs.
I need it this way and not using <mdc-select> component for performance purposes. It seems that whenever I used the component-based version, my entire dropdown and view lagged a lot until it rendered all 200ish countries. With this method, it renders fast.
But... I don't have any event to listen to on close of dropdown.
I would like to listen to an event such as 'MDCSelect:close' whenever it closes so I apply some styling for validation purposes.
Unfortunately, my current DOM structure doesn't have any inputs or selects, therefore, i can't make use of any HTML native event such as onblur. It's all based out of divs.
This is my current structure template:
I need it this way and not using
<mdc-select>
component for performance purposes. It seems that whenever I used the component-based version, my entire dropdown and view lagged a lot until it rendered all 200ish countries. With this method, it renders fast.But... I don't have any event to listen to on close of dropdown.