Windows over applets lose corners in Firefox

**reh** · 28 Dec 2011 5:50 PM

REQUIRED INFORMATION

Ext version tested:

Ext 4.0.6, Ext 4.0.7

Browser versions tested against:

FF8 - Broken
IE8 - Fine
Chrome - Fine

DOCTYPE tested against:

None
XHTML1 Strict

Description:

When displaying a window (such as a MessageBox) over an applet in FF the corners get lost

Steps to reproduce the problem:

Create a page with an applet
Show a MessageBox - Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?');

The result that was expected:

Normal looking message box (as in IE and Chrome)

The result that occurs instead:

See attached image

Test Case:

Grab an applet from anywhere and create a simple test page that includes it

Code:

    <html>
    <head>
        <link rel="stylesheet" type="text/css" href="/waf/js/ext-4.0.7/resources/css/ext-all.css"/>
        <title></title>
    </head>
    <body>
        <object id="myapplet" name="Applet" width="500" height="500" code="com.myco.Applet.class" type="application/x-java-applet;version=1.4.2" archive="http://localhost/myapp/applet.jar"></object>        
        
        <script type="text/javascript" src="/waf/js/ext-4.0.7/ext-all-debug.js"></script>
        <script type="text/javascript">
            Ext.onReady(function() {
                Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?');                
            });
        </script>
    </body>
    </html>

HELPFUL INFORMATION

Screenshot or Video:
CropperCapture[6].png

Additional CSS used:

only default ext-all.css

Operating System:

Windows 7 64

**mitchellsimoens** · 29 Dec 2011 12:37 PM

Have you tried with 4.1?

**reh** · 29 Dec 2011 1:45 PM

I've just tried this in 4.1 beta 1 and it looks the same

**reh** · 2 Feb 2012 5:18 PM

Are you waiting on more information before you can add this bug to the issue tracker? If so, please let me know what you need.

Thanks!

**evant** · 2 Feb 2012 5:50 PM

It looks like a FF bug, I doubt there's much more we can do:

Code:

Ext.onReady(function() {
    
    Ext.getBody().createChild({
        tag: 'object',
        width: 500, 
        height: 500, 
        type: "application/x-pdf"
    });
    
    Ext.getBody().createChild({
        tag : 'div',
        style : {
            zIndex: 19001,
            position : 'absolute',
            width : '100px',
            height : '100px',
            left : '100px',
            top : '100px',
            backgroundColor : 'red',
            'border-radius': '5px',
            border: '3px solid blue'
        }
    });
});

Framing by using any other means than border-radius is extremely expensive, it's almost certainly not going to be a good trade off to fix this just in case people are using applets/other objects in FF.

**reh** · 3 Feb 2012 10:33 AM

I agree that moving FF back to the table / image based cornering across the board doesn't make sense, but I wonder if doing it for floating items (windows, tooltips, etc) should be the norm as it is much safer. As there are very only a small number of floating items on screen usually this shouldn't really impact performance. I wouldn't want it to be the default behavior for controls that may appear a lot, such as buttons, though!.

I know 4 still still uses the tables / images approach with IE - is there a way to force this on a per class basis for other browsers?

We unfortunately need to make heavy use of applets to to data exchange with applications on the users local machine and the fact that everything looks so poor in Ext JS 4 (and perfect in 3) is a huge problem for us.

**reh** · 5 Mar 2012 5:08 PM

Hi - Any updates on this? It is still a huge issue for us.

Thanks!

Windows over applets lose corners in Firefox

Thread Tools

Search Thread

Display

Windows over applets lose corners in Firefox

Windows over applets lose corners in Firefox

Tags for this Thread