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 Member

    38
    25
    18
    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. Russ

    Russ Designer

    9,838
    2,307
    113
    Thanks I'll read up on it and see what I can find out in regards to XF.
     
    eva2000 likes this.
  4. eva2000

    eva2000 Member

    38
    25
    18
    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

     
  5. eva2000

    eva2000 Member

    38
    25
    18
    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