WordPress.org

Make WordPress Core

Ticket #29973: 29973.diff

File 29973.diff, 1.2 KB (added by iamtakashi, 6 years ago)

Fix flashing bug with scrolling on iOS Safari

  • wp-content/themes/twentyfifteen/style.css

     
    37843784 */
    37853785
    37863786@media screen and (min-width: 59.6875em) {
     3787        body:before,
     3788        .site-header,
     3789        .main-navigation,
     3790        .social-navigation,
     3791        .widget {
     3792                -webkit-transform: translateZ(0); /* Fixes flashing bug with scrolling on iOS Safari */
     3793        }
     3794
    37873795        body:before {
    37883796                background-color: #fff;
    37893797                box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
     
    38053813        .sidebar {
    38063814                float: left;
    38073815                height: 100%;
    3808                 overflow-y: auto;
    38093816                margin-right: -100%;
    38103817                max-width: 413px;
    3811                 -webkit-overflow-scrolling: touch;
     3818                overflow-y: scroll;
     3819                -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS Safari */
    38123820                position: fixed;
    38133821                width: 29.4118%;
    38143822        }
     
    38233831                display: block;
    38243832                margin: 0;
    38253833                padding: 0;
    3826                 -webkit-transform: translateZ(0);
    38273834        }
    38283835
    38293836        .site-main {
     
    40594066                border-bottom: 0;
    40604067                margin: 20% 0;
    40614068                padding: 0 20%;
    4062                 -webkit-transform: translateZ(0);
    40634069        }
    40644070
    40654071        .site-branding {