506231 - Silverlight 3 control is blank when applying external style

Status: RESOLVED INCOMPLETE

(Firefox :: General, defect)

Description

[3KyNoX]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1 (.NET CLR 3.5.30729)

Hello,

when opening a Silverlight 3 control inside Firefox with nothing for it than a colored background, the silverlight control appear correctly.

But when u place the Silverlight control between a new <div>, the control stay blank.

Reproducible: Always

Steps to Reproduce:
1. Place à silverlight 3 control inside .aspx page.
2. Place it between <div></div>.
3. The control doesn't appear...
Actual Results:  
Silverlight control is blank when included between divs..


It looks like a javascript error (silverlight.js).

I did test with other browsers (opera, sarafi, ie, chrome, ..) and all working correctly with the same parameters.

Comment 1

[3KyNoX]

code used when it works : 

<div id="silverlightControlHost">
        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
		  <param name="source" value="ClientBin/SilverlightApplication2.xap"/>
		  <param name="onError" value="onSilverlightError" />
		  <param name="background" value="white" />
		  <param name="minRuntimeVersion" value="3.0.40624.0" />
		  <param name="autoUpgrade" value="true" />
		  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">
 			  <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
		  </a>
	    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>

Code used when it don't works : 

<div>
<div id="silverlightControlHost">
        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
		  <param name="source" value="ClientBin/SilverlightApplication2.xap"/>
		  <param name="onError" value="onSilverlightError" />
		  <param name="background" value="white" />
		  <param name="minRuntimeVersion" value="3.0.40624.0" />
		  <param name="autoUpgrade" value="true" />
		  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">
 			  <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
		  </a>
	    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</div>

Comment 2

[3KyNoX]

A work-around is to set the object height to a fixed size in pixels except percent :

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="600px">

and the control will appear in Firefox when hosted in a div.

when you are using a combination of relative and absolute positioned, divs chokes on a percentage-based object.

That problem stay a bug, we sould be able to use percents here

Comment 3

[MJ Hufford]

Confirmed the work around works.  Would like a solution so that percentages can be used.

Comment 4

[Tyler Downer [He/Him]]

Reporter, are you still seeing this issue with Firefox 3.6.13 or later in safe mode or a fresh profile? If not, please close. These links can help you in your testing.
http://support.mozilla.com/kb/Safe+Mode
http://support.mozilla.com/kb/Managing+profiles

Comment 5

[Tyler Downer [He/Him]]

No reply from reporter, INCOMPLETE. Please retest with Firefox 4 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.