Possible Bug: Firefox 3.0.1 - embedded objects

There is a possible bug when using Firefox 3.0.1 under Rails 2.0.2
with embedding objects.

I discovered after upgrading to Firefox 3.0.1, embedded flash movies
will not display properly under Rails. The flash movies display
cropped thus not displaying the right and bottom sides of the movies.
By increasing the embedded object's width and height the flash movies
will display properly within Firefox 3.0.1, but this will cause other
problems with other browsers.

After stripping away all unneeded code, it was discovered that Firefox
3.0.1 under Rails REDUCES the dimensions of an embedded object's width
and height (all approximately 91% of original size).

For example, an object embedded at 400x400 will be reduced to 366x366,
600x600 reduced to 548x548, 200x200 reduced to 184x184 (all
approximately 91% of original size).

The test code and some screen shots compating various browsers is
posted here:

http://www.clarions.com/test/rails_firefox_object_bug/index.html

PLEASE NOTE: The same embedded Flash objects display properly when
using html and Firefox 3.0.1 (see screen shot Firefox 3.0.1 html). In
other words, the problem only occurs with Firefox 3.0.1 under Rails.

Firefox3.0.1/html, MSIE/Rails, Opera/Rails and Safari/Rails work
properly using the same embedded object.

Any ideas?

Does anyone else get the same results or is this just my setup?

Thanks

There is a possible bug when using Firefox 3.0.1 under Rails 2.0.2
with embedding objects.

I discovered after upgrading to Firefox 3.0.1, embedded flash movies
will not display properly under Rails. The flash movies display
cropped thus not displaying the right and bottom sides of the movies.
By increasing the embedded object's width and height the flash movies
will display properly within Firefox 3.0.1, but this will cause other
problems with other browsers.

How does the html generated via rails and the static file differ. Is
it something like a different content-type or doc type is triggering a
change in browser behaviour?

Fred

Hi, I have noticed rendering issues with Firefox 3.0.1 an its ability to properly

render these tags. Next, all browsers display rendered HTML or some variant

of it. Furthermore, this is a Firefox issue that needs to be addressed by their core

development team. Finally, all browsers are not created equally and you might

have to indicate on your site as to what browsers are recommended and/or which

are not and why.

Good luck,

-Conrad

How does the html generated via rails and the static file differ. Is
it something like a different content-type or doc type is triggering a
change in browser behaviour?

Fred

Yes, I am thinking along the same lines. Most likely some CSS rule
from rails stylesheet gets involved.

Regards,
Rimantas

Hi,

Good points, but there is nothing different with content-type or doc
type or any of the code. And the stylesheets have been removed.

I have posted the entire webpage code online so other can test for
themselves.

http://www.clarions.com/test/rails_firefox_object_bug/index.html

The webpage code was saved as demo.html, as well as, demo.rhtml within
the layout directory of the rails app. Each page is exactly the same.

When using Firefox 3.0.1 the html version displays as it should. But
the rails rhtml version reduces the embedded object by about 91% when
using Firefox 3.0.1.

MSIE, Opera, Safari display the embedded object at 100% size.

Prior upgrading to version 3.0, Firefox displayed the embedded objects
properly.

Using: Rails 2.0.2, Mongrel 1.1.2, Ruby 1.8.6, Instant Rails 2.0. Win
XP Pro.

Any other ideas?

Hi,

Good points, but there is nothing different with content-type or doc
type or any of the code. And the stylesheets have been removed.

I have posted the entire webpage code online so other can test for
themselves.

http://www.clarions.com/test/rails_firefox_object_bug/index.html

The webpage code was saved as demo.html, as well as, demo.rhtml within
the layout directory of the rails app. Each page is exactly the same.

When using Firefox 3.0.1 the html version displays as it should. But
the rails rhtml version reduces the embedded object by about 91% when
using Firefox 3.0.1.

MSIE, Opera, Safari display the embedded object at 100% size.

Prior upgrading to version 3.0, Firefox displayed the embedded objects
properly.

Using: Rails 2.0.2, Mongrel 1.1.2, Ruby 1.8.6, Instant Rails 2.0. Win
XP Pro.

Any other ideas?

Does it change if you fix the embed/param tag (there's no closing tag
which could be triggering some funky quirks mode thing)?

Fred

Hi, Fred brings up a very good point because some browsers may not be able to

recover from HTML coding errors. Thus, there were 13 errors within your HTML

code that you mention in the above. You should fix all the errors and warnings

within your HTML by using the following page:

http://validator.w3.org/check

Good luck,

-Conrad

Hi,

Good points, but there is nothing different with content-type or doc

type or any of the code. And the stylesheets have been removed.

I have posted the entire webpage code online so other can test for

themselves.

http://www.clarions.com/test/rails_firefox_object_bug/index.html

The webpage code was saved as demo.html, as well as, demo.rhtml within

the layout directory of the rails app. Each page is exactly the same.

When using Firefox 3.0.1 the html version displays as it should. But

the rails rhtml version reduces the embedded object by about 91% when

using Firefox 3.0.1.

MSIE, Opera, Safari display the embedded object at 100% size.

Prior upgrading to version 3.0, Firefox displayed the embedded objects

properly.

Using: Rails 2.0.2, Mongrel 1.1.2, Ruby 1.8.6, Instant Rails 2.0. Win

XP Pro.

Any other ideas?

Does it change if you fix the embed/param tag (there’s no closing tag

which could be triggering some funky quirks mode thing)?

Fred

How does the html generated via rails and the static file differ. Is

it something like a different content-type or doc type is

triggering a

change in browser behaviour?

Fred

Yes, I am thinking along the same lines. Most likely some CSS rule

from rails stylesheet gets involved.

Hi, Fred brings up a very good point because some browsers may not be able to

recover from HTML coding errors. Thus, there were 13 errors within your HTML

code that you mention in the above. You should fix all the errors and warnings

within your HTML by using the following page:

http://validator.w3.org/check

http://validator.w3.org/

Hi Guys,

Thanks for the input.

Rework the code to reduce the css error messages to 4, but problem
still remains. Embedded objects are reduce by about 91%.

Here is the reworked code...

http://www.clarions.com/test/rails_firefox_object_bug/demo.html

When reviewing the two "source codes" output from Firefox 3.0.1 under
Rails and the html version, both are exactly the same. Weird!

I posted this over on Mozilla. No response yet.

Hi, they would be the same because the code rendered by the browser is XHTML.

Furthermore, it doesn’t really matter what dynamic language you use because the

interpreter for the language will produce HTML which is then rendered by the browser.

Thus, you’re looking in the wrong place in trying to resolve your issue because it’s

browser issue instead of a framework issue. Finally, it’s good that you posted this

with the Mozilla team but I wouldn’t allow this issue to prevent me from moving forward

with my project.

Good luck,

-Conrad

Hi Guys,

Thanks for the input.

Rework the code to reduce the css error messages to 4, but problem
still remains. Embedded objects are reduce by about 91%.

Here is the reworked code...

http://www.clarions.com/test/rails_firefox_object_bug/demo.html

Do you have that problem in this URL too? Because my FF3.0.1 shows
it as 400px.
Try to install Firebug extension and then look what CSS rules apply to
your element.

Regards,
Rimantas

Hi Rimantas,

Thanks for the response.

The url (demo.html) will display properly at 400x400.

If you take that code (demo.html) and save it as demo.rhtml. Then view
demo.rhtml under rails using Firefox 3.0.1, you might see the the
resize problem.

This is the weirdness. The same code produces different results.

I'll try Firebug and report the results.

If you take that code (demo.html) and save it as demo.rhtml. Then view
demo.rhtml under rails using Firefox 3.0.1, you might see the the
resize problem.

Nope, it is still 400px when serverd from rails (2.1.0)

Regards,
Rimantas

Hi Rimantas,

What language is your website (http://rimantas.com/ )? Where are you?

Thank you so much reporting your test results. It's got to be my
setup.

I installed Firebug and it reports the exact same output for both the
html and rails version.

I'm going to remove then reinstall Firefox. I'll report back.

Hi All,

No solution...

I removed and reinstalled Firefox 3.0.1 and the problem was still
there: under Rails the embedded objects were reduced in size to
approximately 91% of the original size. For example, an object
embedded at 400x400 reduced to 366x366,
600x600 reduced to 548x548, 200x200 reduced to 184x184.

Back to Firefox 2.0...

I removed Firefox 3.0.1 and installed Firefox 2.0 and the problem was
gone: embedded objects display properly at 100% size.

Completely weird.

Thanks all.