MDC Select Validation about aurelia-mdc-web HOT 6 CLOSED

The issue is that select emits blur when a dropdown receives focus. Not sure if this can be prevented, I'll have a look

from aurelia-mdc-web.

If I move the blur emit this.emit('blur', {}, true); from MdcSelect.handleBlur to MdcSelect.handleMenuClosed then it works as expected.

from aurelia-mdc-web.

If you do that then just tabbing through the select will not validate it.

from aurelia-mdc-web.

I can do

handleBlur() {
  this.foundation?.handleBlur();
  if (!this.root.classList.contains(cssClasses.ACTIVATED)) {
    this.emit('blur', {}, true);
  }
}

This will prevent validation when the menu is open. But if a user tabs out of this open menu the control will not be validated since the select itself is not getting the focus back. This can be solved, as you suggested, by emitting blur on menu close, but, if the menu was closed by clicking on the select itself it will trigger validation even though focus is "conceptually" is still on the select. What are your thoughts?

from aurelia-mdc-web.

Ok, I think I got it

from aurelia-mdc-web.

Nice!

from aurelia-mdc-web.