1. This forum is dedicated to suggestions for our free & premium styles for XenForo. If you need to post a bug relating to XenBase or a style please use this forum for reporting bugs or this forum for style support. Alternatively you may submit a ticket here.

Support CSS Containment Property

Discussion in 'Suggestions' started by eva2000, Aug 26, 2016.

  1. eva2000

    eva2000 New Member

    26
    19
    3
    For styles' CSS maybe look at adding CSS Containment property support http://news.softpedia.com/news/chro...ment-and-performance-measurement-506482.shtml

     
    Alfa1, WoodiE and Chris like this.
  2. Chris

    Chris New Member

    11
    1
    3
    I support this!
     
  3. eva2000

    eva2000 New Member

    26
    19
    3
  4. Russ

    Russ Designer

    8,438
    1,948
    113
    Thanks I'll read up on it and see what I can find out in regards to XF.
     
    eva2000 likes this.
  5. eva2000

    eva2000 New Member

    26
    19
    3
    cheers Russ from the first link https://justmarkup.com/log/2016/04/css-containment/ for off canvas css as i understand it would be something like the following for FA+ i suppose

    Code:
    Copy Source
    @media (max-width: 800px)
    .xbOffCanvasContainer.marginLeft {
        overflow-y: auto;
        position: relative;
        transition: 300ms ease all;
        margin-left: 250px;
        contain: paint;
    }
    
    @media (max-width: 800px)
    .xbOffCanvasContainer {
        overflow: hidden;
        transition: 300ms ease all;
        width: 100%;
        contain: paint;
    }
    no idea just stabbing in the dark heh

     
  6. eva2000

    eva2000 New Member

    26
    19
    3
    more stabbing in the dark, added css containment to sidebar, notices node level 1 and xbnotice wrappers just to see what it does

    upload_2016-10-17_15-48-48.png

    upload_2016-10-17_15-50-23.png
     
    Alfa1 likes this.

Share This Page