Css bug in sandbox version (combo, slider)

**medifirst** · 23 Dec 2011 1:50 AM

Ext version tested:

Ext 4.0.6 SANDBOX version

Browser versions tested against:

FF 8.0.1

Description:

Combo and slider are not displayed perfectly

Steps to reproduce the problem:

See the example

The result that was expected:

The combo trigger should have a correct height
A continuous line for the slider

The result that occurs instead:

Incorrect height for trigger
Discontinuos line for slider

Test Case:

Code:

<html>
    <head>
        <title>Aperçu avant impression</title>
                                                                                              
        <!-- <link rel="stylesheet" type="text/css"    href="/lib/js/extjs4/resources/css/ext-all.css">
        <script type="text/javascript" src="/lib/js/extjs4/ext-all.js"></script> -->
        
        <link rel="stylesheet" type="text/css"    href="/lib/js/extjs4/resources/css/ext-sandbox.css">
        <script type="text/javascript" src="/lib/js/extjs4/builds/ext-all-sandbox.js"></script>
        
        <script type="text/javascript">

                       
                Ext4.onReady(function()
                {
                    Ext4.create('Ext4.container.Viewport',   
                    {
                    /*Ext4.create('Ext4.panel.Panel',
                    {*/
                        renderTo: Ext4.getBody(),
                        
                        items:
                        [{
                             xtype: 'combobox'
                              ,fieldLabel: 'test combo'
                              ,queryMode: 'local'
                              ,displayField: 'label'
                              ,valueField: 'id'
                              ,store: Ext4.create('Ext4.data.Store',
                              {
                                   fields: ['id', 'label']
                                  ,data:
                                  [
                                       {'id': 0, 'label': 'value 1'}
                                      ,{'id': 1, 'label': 'value 2'}
                                  ]
                              })
                        }
                        ,
                        {
                                xtype: 'slider'
                               ,width: 250
                               ,increment: 1
                               ,minValue: -100
                               ,maxValue: 100
                           }]
                    });
                });

        </script>
    </head>
    <body></body>
</html>

INFORMATIONOperating System:

FC12

**mitchellsimoens** · 23 Dec 2011 11:34 AM

Have you tested on the latest release as of right now (4.1.0 beta coming)? 4.0.7?

**medifirst** · 26 Dec 2011 11:53 PM

The same problem is observed on extjs 4.0.7

and with extjs 4.1 beta 1, an error occurs with the same example
Erreur : Ext.util.CSS.getRule("." + Ext.baseCSSPrefix + "form-trigger") is undefined
Fichier Source : http://xxxxx/lib/js/extjs41/builds/ext-all-sandbox-dev.js
Ligne : 99316

=> it's a known error :
http://www.sencha.com/forum/showthre...058#post701058

**medifirst** · 6 Mar 2012 5:09 AM

Hi,

the problem is resolved with the latest build of 4.1 (2012-01-19).

The release date of 4.1 is unknow : a fix will it be available for 4.0.7?

Css bug in sandbox version (combo, slider)

Thread Tools

Search Thread

Display

Css bug in sandbox version (combo, slider)

Css bug in sandbox version (combo, slider)