[6.0.2 - 6.2] Icon Aligns Bottom for FileUpload in Firefox
Hi,
Have this weird behavior for FileUpload under firefox. (See Image )
The icon aligns bottom in firefox, but when opened in chrome, it aligns center properly.
I opened http://examples.sencha.com/extjs/6.2...rm-fileuploads
to see if this is just me and seems like from the example it works properly, aligning center.
Any help would be appreciated.
My Code below.
Code:<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="../../include/extjs6/packages/ux/classic/triton/resources/ux-all.css"/> <link rel="stylesheet" type="text/css" href="../../include/extjs6/resources/theme-triton/resources/theme-triton-all.css"/> <script type="text/javascript" src="../../include/extjs6/ext-all.js"></script> <script type="text/javascript"> function addTest( ) { var form = Ext.create('Ext.container.Container', { xtype: 'form-fileuploads', width: 600, layout: { type: 'vbox', align: 'stretch' }, defaults: { xtype: 'form', layout: 'anchor', bodyPadding: 10, style: { 'margin-bottom': '20px' }, defaults: { anchor: '100%' } }, items: [ { title: 'File Upload Form', frame: true, bodyPadding: '10 10 0', reference: 'firstForm', defaults: { anchor: '100%', allowBlank: false, msgTarget: 'side', labelWidth: 50 }, items: [{ xtype: 'textfield', fieldLabel: 'Name' }, { xtype: 'filefield', emptyText: 'Select an image', fieldLabel: 'Photo', name: 'photo-path', buttonText: '', buttonConfig: { iconCls: 'fa fa-file-image-o' } }] } ] }); var window = Ext.create( 'Ext.Window', { title: "Test", width: 700, height: 600, closeAction: 'destroy', modal: true, constrain:true, resizable: false, items: form }); window.show(); } </script> </head> <body> <button onclick="addTest()">Test</button> </body> </html>
123.jpg
Thanks
