Основное содержимое не реагирует при закрытии приложения

#polymer #polymer-1.0

#полимер #полимер-1.0

Вопрос:

У меня возникла проблема, из-за которой основное содержимое не реагирует при закрытии app-drawer .

В этом jsbin, когда я закрываю дверь main content , она не перемещается влево. Есть идеи?

Ответ №1:

Похоже, это ожидаемое поведение. Согласно коду app-drawer-layout ящика, если он узкий, он будет либо укладываться поверх основного содержимого, либо основное содержимое будет иметь запас, равный ширине ящика.

          if (this.narrow || !drawer) {
        contentContainer.style.marginLeft = '';
        contentContainer.style.marginRight = '';
      } else {
        var drawerWidth = drawer.getWidth();
        if (drawer.position == 'right') {
          contentContainer.style.marginLeft = '';
          contentContainer.style.marginRight = drawerWidth   'px';
        } else {
          contentContainer.style.marginLeft = drawerWidth   'px';
          contentContainer.style.marginRight = '';
        }
      }
 

Похоже, что даже демо-версии, созданные командой Polymer, следуют этому шаблону

Комментарии:

1. Это неправильное поведение. С возможностью сохранения фиксированного ящика основное содержимое не может центрироваться в соответствии с занимаемым ящиком пространством.

2. Когда вы говорите correct , вы имеете в виду expected или should not be like this ?

3. Если автор разрешает фиксировать ящик без наложения, то этот ящик является постоянным и должен рассчитываться в соответствии с обычным потоком (что не так, поскольку основное содержимое не центрировано в соответствии с ящиком слева). Я не уверен, было ли это намеренно автором или нет. Таким образом, это может быть как unexpected и should not be like this