アナログ
RSS  

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 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に変更しました。

コメント

コメントをどうぞ

※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。

※投稿には管理者が設定した質問に答える必要があります。

名前:
メールアドレス:
URL:
次の質問に答えてください:
スパムがウザイので合い言葉を入れるようにしました。山と言えば川だろJK


コメント:

トラックバック

このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/12/16/5584159/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。