search

thenickdude / chickenpaint

An HTML5 Port of the ChibiPaint multi-layer Oekaki painting tool
GNU General Public License v3.0
120 stars 21 forks source link

`.chickenpaint-full-screen` for iPad #52

Closed satopian closed 11 months ago

satopian commented 1 year ago

image I was able to identify the cause of the problem when using FullScreen mode + iPad.

/* Full screen mode */
.chickenpaint.chickenpaint-full-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color:white;
    z-index:1000;

    -webkit-touch-callout: initial;
}

Remove all this CSS. That way you won't have the aspect ratio issue you were reporting. I tried replacing this part with another CSS. No problems occurred. However, this issue only occurs on iPad and iPhone, and probably not on android. I've made a pull request for the rewritten CSS.