MDL-65896 core: more IE11 fixes for emoji picker

This commit is contained in:
Ryan Wyllie 2019-10-24 10:31:39 +08:00
parent ebca610a44
commit 7b8d852929
6 changed files with 18 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -190,9 +190,11 @@ const getCategorySelectorByCategoryName = (root, name) => {
*/
const setCategorySelectorActive = (root, element) => {
const allCategorySelectors = root.querySelectorAll(SELECTORS.CATEGORY_SELECTOR);
allCategorySelectors.forEach(selector => {
for (let i = 0; i < allCategorySelectors.length; i++) {
const selector = allCategorySelectors[i];
selector.classList.remove('selected');
});
}
element.classList.add('selected');
};
@ -434,7 +436,12 @@ const renderRows = async (rowContainer, currentRows, nextRows) => {
}
});
toRemoveElements.forEach(rows => rows.forEach(row => rowContainer.removeChild(row)));
toRemoveElements.forEach(rows => {
for (let i = 0; i < rows.length; i++) {
const row = rows[i];
rowContainer.removeChild(row);
}
});
};
/**

View File

@ -691,7 +691,8 @@ $message-day-color: color-yiq($message-app-bg) !default;
display: block;
max-height: 0;
visibility: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s;
overflow: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s;
}
}
}

View File

@ -14913,7 +14913,8 @@ a.ygtvspacer:hover {
display: block;
max-height: 0;
visibility: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s; }
overflow: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s; }
/* Question */
.questionbank h2 {

View File

@ -15175,7 +15175,8 @@ a.ygtvspacer:hover {
display: block;
max-height: 0;
visibility: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s; }
overflow: hidden;
transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s; }
/* Question */
.questionbank h2 {