Tocas: 選單的 CSS 會影響到下拉式選單的運作

[gnehs]

不取消這條 CSS 的話下拉式選單不能正常運作

.ts.menu[class*="horizontally scrollable"]:not(.secondary):not(.pointing):not(.tabbed) {
    overflow-x: auto;
}

取消前

取消後

Jade

.ts.basic.link.fluid.top.attached.menu.horizontally.scrollable
    .ts.container
        a.item(href='index.html') Tocas Xiaoan
        .ts.item.dropdown
            .text Xiaoan CSS
            i.dropdown.icon
            .menu
                a.item(href='main-basic.html') 基本
                a.item(href='main-icon-font.html') Icon Font
        a.item(href='main-tocas-example.html') 範例集
        a.item(href='breeding.html') 配種
        a.right.item(href='https://github.com/gnehs/Tocas-UI-Xiaoan/', target='_blank') GitHub

[YamiOdymel]

應該是因為 overflow-x 的關係導致 overflow-y 也受到了影響，所以下拉式選單會在選單內部而不會浮現在外部，這個問題已知是瀏覽器層面的事情，還想不出來要怎麼解決。

[gnehs]

發現 Chrome canary Firefox Opera 有相同問題
為 overflow-y 另外寫條 CSS 也不能解決