ホーム > タグ > bug

bug

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

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:

PLAIN TEXT
JavaScript:
  1. fireForParent: function(event, element){
  2.     if (!element) return;
  3.     var parentNode = element.getParent();
  4.     if (parentNode == document.body) return;
  5.     if (parentNode.retrieve('tip:enter')) parentNode.fireEvent('mouseenter', event);
  6.     else this.fireForParent(parentNode, event);
  7. }

Fix Code:

PLAIN TEXT
JavaScript:
  1. fireForParent: function(event, element){
  2.     if (!element) return;
  3.     var params = Array.link(arguments, {event: Event.type, element: Element.type});
  4.     var parentNode = params.element.getParent();
  5.     if (parentNode == document.body) return;
  6.     if (parentNode.retrieve('tip:enter')) parentNode.fireEvent('mouseenter', params.event);
  7.     else return this.fireForParent(parentNode, params.event);
  8. }

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

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

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

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

  • 親要素(div#masthead)にposition:relative
  • さらにその子要素(p.description) に position:absolute　と　leftまたはright値
  • その子要素(p.description)内で改行している（またはdisplay:blockしてる要素がある）
  • font-style:italic;をスタイルシートのどこかで使っている（位置関係無し）
PLAIN TEXT
HTML:
  1. <div id="header">
  2.     <div id="masthead">
  3.         <p class="banner"><a title="HOME" class="siteName" href="index.html">Site Name</a></p>
  4.         <p class="description"><strong class="i">Internet Exproler 7</strong><br/>
  5. Scroller-x Bug Test</p>
  6.     </div>
  7. </div>
PLAIN TEXT
CSS:
  1. .i {font-style:italic;}
  2.  
  3. div#header {
  4.     height:100px;
  5.     background-color:#ccc;
  6. }
  7. #masthead {
  8.     position:relative;
  9. }
  10. p.description {
  11.     position:absolute;
  12.     left:160px;
  13.     background-color:#99FFFF
  14. }

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

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

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

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

Continue reading

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

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

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

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

Home > Tags > bug

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top