Possible Bug: Firefox 3.0.1 - embedded objects

rubyonrails-talk
1

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

2

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

3

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

4

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

5

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?

6

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

7

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

8

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/

9

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.

10

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

11

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

12

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.

13

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

14

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.

15

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.