panel.setAttribute («режим», «водопад»);

Question

Это моя основная панель

<core-header-panel mode="waterfall-tall"> 

заголовка Когда я хочу, чтобы в режиме водопада вместо водопаде высоты Я делаю это

var panel = document.querySelector('core-header-panel'); 
panel.setAttribute("mode","waterfall"); 

Он изменяет режим правильно и элемент ведет себя как водопад, но элемент не уменьшается до первоначального размера и остается высоким. Как я могу сжать элемент снова до нормального размера водопада в javascript?

Answer 1

ядро ​​заголовка панели должны действительно справиться с этим для вас, когда mode включен. Он должен выполнить очистку и удалить любой класс tall, который он устанавливает на дочерних узлах. Подал ошибка здесь: https://github.com/Polymer/core-header-panel/issues/11

Обходной бы:

coreHeaderPanel.querySelector('.tall').classList.remove('tall') 

Кстати, вам не нужно использовать setAttribute(). mode является изданным свойство основного заголовка панели, которая означает, что вы можете непосредственно обновить его как свойство JS:

coreHeaderPanel.mode = 'waterfall'; 

Answer 2

Вы можете удалить класс «высокий» из основного заголовка, если я не ошибаюсь.

var header = document.querySelector('.tall'); 
header.className = "core-header";