bug

[mootools] Tips Bug fix – “element.getParent is not a function”

2010/01/20 MooTools No comments ,

MooTools More1.2.4.2のツールチップ表示クラスTipsにあるバグの修正方法について。

主な症状

ツールチップ表示を有効にした要素にマウスオーバーしてからマウスアウトすると、
FireBugで element.getParent is not a function というエラーが出る。というもの。
(圧縮してあるとelementがbになる)
エラー行数は1142行目(未圧縮)
エラーは最初の1度しか出ない。

修正方法

原因となっているTipsのfireForParentメソッドを入れ替える。

ver 1.2.4.2 Original Code:

fireForParent: function(event, element){
	if (!element) return;
	var parentNode = element.getParent();
	if (parentNode == document.body) return;
	if (parentNode.retrieve('tip:enter')) parentNode.fireEvent('mouseenter', event);
	else this.fireForParent(parentNode, event);
}

Fix Code:

fireForParent: function(event, element){
	if (!element) return;
	var params = Array.link(arguments, {event: Event.type, element: Element.type});
	var parentNode = params.element.getParent();
	if (parentNode == document.body) return;
	if (parentNode.retrieve('tip:enter')) parentNode.fireEvent('mouseenter', params.event);
	else return this.fireForParent(parentNode, params.event);
}

参照元:Tips: “element.getParent()” not working, because “element” is of type Event
このバグは1.2.4.3で修正される予定。

[IE7]不自然な横スクロールバーが出るバグについて

2009/06/16 CSS 1 comment ,

IE7だけで変な横スクロールバーが出たので調べてみたらどうやらバグみたいだったんだけど、発生条件が違ってたのでサンプル作ってみた。

IE7とその他のブラウザで比較してみて欲しい…
Sample »

  • 親要素(div#masthead)にposition:relative
  • さらにその子要素(p.description) に position:absolute と leftまたはright値
  • その子要素(p.description)内で改行している(またはdisplay:blockしてる要素がある)
  • font-style:italic;をスタイルシートのどこかで使っている(位置関係無し)
<div id="header">
	<div id="masthead">
		<p class="banner"><a title="HOME" class="siteName" href="index.html">Site Name</a></p>
		<p class="description"><strong class="i">Internet Exproler 7</strong><br/>
Scroller-x Bug Test</p>
	</div>
</div>
.i {font-style:italic;}

div#header {
	height:100px;
	background-color:#ccc;
}
#masthead {
	position:relative;
}
p.description {
	position:absolute;
	left:160px;
	background-color:#99FFFF
}

このケースだとleftをrightにするとさらに酷い事に…。
font-style:italicを無くすと一発で直るんだけどやっぱりバグなんだろうか

[CSS]fieldsetにbackground指定するとIEではみ出す

2008/03/12 CSS No comments , , ,

fieldsetにbackground指定(color等)をしたとき、IEだけ上方向にはみ出して表示される。
原因はlegendにまで背景が適用されてしまうため。これはIEのバグらしい。

IEだけ背景なしにしてもよいが、そういうわけにもいかんという場合は、以下の方法で修正が可能。

(さらに…)

[CSS]overflowとpositionを使うとスクロールできなくなる(IE)

2008/02/20 CSS No comments , ,

外の要素にoverflow:autoなどを指定し、中の要素にposition:relativeを設定したとき、IEではスクロールバーが出てもスクロールがされない。

IE6 bug with overflow and position:relative (2008-02-20)

どうやらバグらしい。
filter:alphaを使うときに、中の要素の透過防止にposition:relativeをするが、
そうするとoverflow:autoしてもスクロールしなくなってしまう。
回避策ないのかな…