ugrás a tartalomhoz

Chrome bug display:none nál

gtoma · 2013. Nov. 2. (Szo), 12.48
Sziasztok!

http://www.killersilverink.com/distributors

Ezen az oldalon az egyik kis körre kattintva láthatóvá válik egy ul (display:block),
majd újra rákattintva display:none-ra eltűnik.

De nem a chrome ban. Ott csak egy szeletkét tüntet el, és szemetet hagy hátra.

Van ötletetek, hogy mi baj lehet? Találkoztatok ezzel a buggal?

Válaszokat előre is köszi.
‹ táblázat kerekített sarkokkal document.getElementById('neve:after') -- : AFTER - van megoldás ? ›
 ■
1

Íme a kód, hogy ne kelljen keresni

gtoma · 2013. Nov. 2. (Szo), 17.51

jQuery.fn.mcMap = function() {
    this.UL = jQuery(this);    
    this.UL.css('position', 'relative');
    jQuery.each(this.children(), function(){
		leftem = jQuery(this).attr('data-mapx');
		topom = jQuery(this).attr('data-mapy');
		jQuery(this).css( {position:'absolute', top:topom+'px', left:leftem+'px'});
		jQuery(this).addClass('mapli');	
		jQuery.each(jQuery(this).children(), function() {
			jQuery(this).css( { position:'relative', display:'none', top:'-50px', left:'100px' } );
			jQuery.each( jQuery(this).children(), function(){
				jQuery(this).addClass('groupname');
			});
		});		
		jQuery(this).html('<i class="mappoint"></i>'+jQuery(this).html());
		$this = this;
		jQuery(this).click(function(){
			if( jQuery(this).children('ul').css('display') == 'block') {
				jQuery(this).children('ul').css( { display:'none', position:'absolute', opacity:0 } );			
				jQuery(this).css( { overflow:'hidden' } );
				jQuery(this).removeClass( 'open' );
			} else {
				jQuery(this).children('ul').css( { display:'block', position:'relative', opacity:100 } );
				jQuery(this).css( { overflow:'visible' } );
				jQuery(this).addClass( 'open' );
			}
		});
    });
}
2

JSFiddle demó

vbence · 2013. Nov. 3. (V), 15.29
Én azt javasonám, redukáld a példát szükséges minimumra, ami még kiváltja a hibát. (A jsfiddle.net remek eszköz erre).

Ha ezt megtetted gyakorlatilag csapdába is ejtetted a hibát. Ezután ráguglizva megtalálhatod, hogy valóban egy új dolgot fedeztél-e fel, vagy már folyamatban van a javítás.
3

Valóban

zzrek · 2013. Nov. 3. (V), 23.46
Valóban, nekem is csinálja. Ne várj a bug javítására, a visibility:hidden jól működőnek tűnik.
5

nem :(

gtoma · 2013. Nov. 5. (K), 09.46
Köszönöm. Sajnos azonban nem segített.
6

Végső esetben

Hidvégi Gábor · 2013. Nov. 5. (K), 10.28
Ha más megoldás nincs, betehetsz egy-egy linket a Firefox vagy az Internet Explorer letöltéséhez (az Opera már ugyanazt a motort használja, mint a Chrome).
4

chrome redraw bug

razielanarki · 2013. Nov. 4. (H), 18.35
néha előjön chromeban, hogy nem repaint-el amikor pedig kéne neki.

én ilyenkoráltalában valami ilyesmit szoktam csinálni, hogy kikényszerítsek egy repaintet:

How can I force WebKit to redraw/repaint to propagate style changes?
7

itt is

gtoma · 2013. Nov. 5. (K), 10.42
megpróbáltam 1-2 dolgot az ajánlatokból. dettó nem ment. :(

Végül egyébként inkább átalakítottam a rendszert. Beszúrok egy új divet az parent ul elé, és abba másolgatom a tartalmat, és ha kell azt hide -olom. így megy. ezt képes megcsinálni a chrome is. :)

Nagyon köszönöm nektek a segítséget!