Hybrid View

  1. #1
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,841
    Vote Rating
    146
    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,747
    Vote Rating
    363
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      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,841
    Vote Rating
    146
    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
    61
    Animal has a spectacular aura about Animal has a spectacular aura about

      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,841
    Vote Rating
    146
    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
    61
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default

    So that's user content.

    We no longer force styles upon that.