MDC Select limitation: Focus state doesn't work for JS selects

[kfranqueiro]

In MDC Select's DOM structure, the element that receives focus is not the element that ripple/states styles are hooked up to. The element that receives focus is above the ripple surface element.

We have a few components (checkbox, radio, text field) where we override a few MDCRipple adapter methods to detect events on a child element instead of the root, but this would require the opposite, and I'm not sure if that could cause any issues.

OTOH, I'm curious whether we can't simply hook up the ripple to the root element anyway, which might fix multiple ripple/state limitations with MDC Select.