V-导航-抽屉不能溢出按钮

Question

我有一个v-navigation-drawer，它的设计必须包括一个按钮，该按钮会溢出抽屉，如下所示：

​

​

但由于一些未知的原因，我无法删除溢出隐藏属性。

我试着这样移除它：

    .v-navigation-drawer {
      overflow: auto;

      .v-navigation-drawer__content {
        overflow-x: auto;
      }
    }

没有成功：

​

​

在这里，核心依赖复制问题：https://codepen.io/aug-riedinger/pen/poLjJyq

有人能帮上忙吗？

谢谢

Answer 1

正如kael所说，对于正常和迷你变体，您需要将溢出属性设置为visible。如下所示：

.v-navigation-drawer--mini-variant, .v-navigation-drawer {
  overflow: visible !important;
  
}

.expand-toggle {
  position: absolute;
  height: 3rem;
  z-index: 1;
  right: -14px;
  top: 30px;
  bottom: 0;
  .v-btn {
    margin: auto;
    border: thin solid white !important;
  }
}

​

​

Answer 2

https://stackoverflow.com/a/6433475/2074736

您需要的是visible而不是auto，还必须设置overflow-y: visible才能真正生效。