Firefox 4.0b8の-moz-transitionがおかしい ― 2010/12/16 05:16
transition-duration 0s
transition-duration 0.001s
mouse hover delay 0.5s, mouse not hover delay 1s4.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に変更しました。
コメント
トラックバック
このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/12/16/5584159/tb
※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。
コメントをどうぞ
※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。
※投稿には管理者が設定した質問に答える必要があります。