Firefox 4.0b8の-moz-transitionがおかしい
2010-12-16


transition-duration 0s
transition-duration 0.001s
mouse hover delay 0.5s, mouse not hover delay 1s
4.0b9pre (2011-01-06)で治ってるのを確認しました。

Firefox 4.0b8 candidates build1を使ってみたけれど、相変わらずb7では問題ない-moz-transitionディレイが効かなくなったままなのでちょっと調べてみた。

ディレイが効かなくなっているのはサイドバー自動開閉Google検索のツールパネルの自動開閉
どちらにも共通しているのはtransition-durationが0なこと。

試しにtransition-durationを0sから0.001sとするとディレイが有効になった。

/* サイドバー自動開閉 */
#sidebar-box{
        min-width:266px!important;
        max-width:266px!important;
        margin-left:-250px!important;
        -moz-transition: margin-left 0.001s ease 1s !important;
}
#sidebar-box:hover{
        margin-left:0!important;
        -moz-transition: margin-left 0.001s ease .5s !important;
}

-moz-transition-duration - MDC Doc Centerには The -moz-transition-duration CSS property specifies the number of seconds a transition animation should take to complete. By default, the value is 0, meaning that no animation will occur.

デフォルトは0でアニメーションを全くしないようになっている。
多分バグだよなぁとBug Listをtransition-durationで探してみたけれどそれっぽいのはないみたい。

アニメーションを全くしない=ディレイもしないが正しいのか?それともバグなのか?
英語でやりとりなんて絶対無理なんで、b8がリリースされたらフィードバックに日本語で書いてみようか?
……フィードバックは日本語でもいいんだよね?(^^;


ついでなので、修正したGoogle検索のツールパネルも貼っときます。

@-moz-document domain(www.google.co.jp),
                domain(www.google.com){
        #center_col {margin-left:8px!important;border-left:none!important}
        #leftnav{
             position:fixed!important;
                top:114px!important;
                padding-left:4px!important;
                padding-right:0px!important;
                max-height:672px!important;
                z-index:52;
        }
        #leftnav:not(:hover){
                width:8px!important;
                background-color:#eee!important;
                -moz-transition:width 0.001s ease .8s !important;
        }
        #leftnav:not(:hover) > *{
                background-color:#fff;
                visibility:hidden!important;
                -moz-transition:visibility 0.001s ease .8s !important;
        }
        #leftnav > div {width:151px!important}
        #leftnav:hover{
                border:1px solid red!important;
                -moz-transition:width 0.001s ease .3s !important
        }
        #leftnav:hover > *{-moz-transition:visibility 0.001s ease .3s !important}
        /* ワンダーホイール対応 */
        #tbt8{left:12px!important}
}

ツールパネルのスクロール固定してるのを解除するには背景が青い行を消します。

とりあえず不便だったので回避方法が見つかっただけでも収穫でした。


※スクロールしないようにease-in-outだったのをeaseに変更しました。

[Firefox]
[PC]
[CSS]

コメント(全0件)
コメントをする


記事を書く
powered by ASAHIネット