Hybrid View

  1. #1
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,854
    Vote Rating
    151
    mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold

      0  

    Default [4.2 RC] Missing reset CSS rules for Chrome

    Code:
    <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
        <!--Ext and ux styles -->
        <link href="../../../extjs-4.2.0.489/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    
    	<!--Ext lib and UX components-->
        <script src="../../../extjs-4.2.0.489/ext-all-debug.js" type="text/javascript"></script>
    
    </head>
    <body>
        <ul><li>Showing disc image</li></ul>
    <h3>margin-top</h3>
    </body>
    </html>
    Launch this in latest Chrome on Mac, you'll see discs for the list and a margins for the h3-tag.

    These are not reset.
    Code:
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,774
    Vote Rating
    372
    skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute skirtle has a reputation beyond repute

      0  

    Default

    I believe CSS resetting has been removed in 4.2, along with all the nasty hacks for scoped CSS. It should now play nicely with others without having to jump through so many hoops.

  3. #3
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,854
    Vote Rating
    151
    mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold

      0  

    Default

    Well, this means I get inconsistent rendering across browsers. I'd expect the components should use reset anyway? I get the same result in an Ext Tooltip...

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,555
    Vote Rating
    55
    Animal will become famous soon enough

      0  

    Default

    Components which use elements with some kind of styling in the user agent stylesheet should override those styles for their own use.

    Which particular components have problems with which elements?

  5. #5
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,854
    Vote Rating
    151
    mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold mankz is a splendid one to behold

      0  

    Default

    put h1,h2,h3,h4 in a tooltip, and UL/LI too...

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,555
    Vote Rating
    55
    Animal will become famous soon enough

      0  

    Default

    So that's user content.

    We no longer force styles upon that.