Hi, --- In [email protected], Jacob Beard <jbeard4@...> wrote: > Can you create a reduced example of this? I'd be curious to look at it.
Yes, I've sent this to Opera as part of my bug report: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="100%" height="100%" viewBox="0 0 500 400" enable-background="new" xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";> <title>Opera 11 display bug test</title> <desc>This demonstrates a bug in Opara 11. Corect behaviour (ASV3 but will probably work in most browsers): Click on the cyan rectangle! A red square should appear. If you mouse over this a black number 1 will appear. If you click on the red square, an orange square should appear beside it and the number 2 will appear if you mouse over that. Opera 11: Nothing happens when you click on the red square. It seems that if you set a descendent of an object with display:none to display:none with JavaScript, the ancestor will not appear when it's display is changed to "inline" via JavaScript.</desc> <defs> <script language="JavaScript" type="text/javascript"><![CDATA[ function getDoc(evt) { return evt.currentTarget.ownerDocument } function hide(evt, Target) { Doc=getDoc(evt) Doc.getElementById(Target).style.setProperty('display', 'none', '') } function show(evt, Target) { Doc=getDoc(evt) Doc.getElementById(Target).style.setProperty('display', 'inline', '') } ]]> </script> <style type="text/css"> <![CDATA[ .dn {display:none} ]]></style> </defs> <g id="group" class="dn" onclick="show(evt,'group2');hide(evt,'text2')" onmouseover="show(evt,'text1')"> <svg width="500" height="400"> <rect x="10" y="10" width="100" height="100" fill="#f00"/> <text x="50" y="70" font-size="40" id="text1" class="dn">1</text> </svg> </g> <g id="group2" class="dn" onmouseover="show(evt,'text2')"> <svg width="500" height="400"> <rect x="120" y="10" width="100" height="100" fill="#f80"/> <text x="160" y="70" font-size="40" id="text2" class="dn">2</text> </svg> </g> <g onclick="show(evt,'group')"> <rect x="100" y="200" width="200" height="100" fill="#0ff"/> <text x="110" y="250" font-size="40">CLICK</text> </g> </svg> Richard Pearman http://www.pixelpalaces.com/ The next stage in the evolution of web comics: http://www.onlinecomics.net/pages/details/listing.php?comicID=4415 Read my Helium articles: http://www.helium.com/users/212199 South Alberta Cactus and succulent society: http://www.facebook.com/group.php?gid=20360241008 Make money from discussing things: http://www.myLot.com?ref=Graptopetalum ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
