Ho trovato un bug. Yay per me.
Il bug è un tale mix di tecnologie che non sono sicuro di chi dovrei inviare il bug.
Il bug è un mix di Adobe Experience Manager e Angular Materials. Né è davvero colpa. Ha a che fare con alcuni javascript molto intelligenti all'interno di AEM e l'uso di hack di Internet Explorer Media Query che vengono utilizzati all'interno di Angular Materials.
Potrebbe persino essere il browser in errore.
Per coloro che non sono a conoscenza della media query di Internet Explorer, ciò comporta la scrittura di una query multimediale come questa:
@media screen%code%
Il vero problema è che questo crea un carattere non valido nella proprietà della regola CSS del DOM. Puoi vederlo su questo CodePen se sei veramente interessato, basta guardare la console del tuo browser.
Il javascript proprietario all'interno di AEM può essere compromesso per funzionare e controllare il carattere non valido e risolve il problema, ma poi sto modificando il codice che non dovrei e interrompendo i percorsi di aggiornamento.
Angular Materials sta usando questo Media Query Hack nella sua base di codice di produzione, ma è un trucco piuttosto mainstream da quello che posso dire.
Quando due librerie si scontrano in un modo così strano, senza un vero difetto, a chi devo inviare il mio bug?