Bug

[Bug] 修復 iOS 11 input element in fixed modals

IOS Bug

With iOS 11 safari, input textbox cursor are outside of input textbox.
在IOS手機目前都會有input游標位移的問題
尤其是input欄位在modals或是由popup開啟，fixed 在window上

總歸一句，就是fixed modals時發生了嚴重的cusor跑版
我們還在等IOS修復此項目

修正方式

大部分都是當你開啟modals時
body 給予 position:fixed

當裝置為 IOS 或者是 IOS 11 版本

1
2
/* Apply CSS to iOS affected versions only */
body.iosBugFixCaret { position: fixed; width: 100%; }
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
    // Detect ios 11_x_x affected  
    // NEED TO BE UPDATED if new versions are affected
    var ua = navigator.userAgent,
    iOS = /iPad|iPhone|iPod/.test(ua),
    iOS11 = /OS 11_0|OS 11_1|OS 11_2/.test(ua);

    // ios 11 bug caret position
    if ( iOS && iOS11 ) {
        // Add CSS class to body
        $("body").addClass("iosBugFixCaret");
    }
});

但是這樣的話，開啟 popup 或是 modale時，會 scroll to Top

Read More
Follow

Recent

Categories

Tag Cloud

PostgreSQL apache2 api array async auto aws beautify-ruby benchmark bloomfilter bot branch bucket bug build build_stubbed centos chrome class collection command commit compass cookie count css databases db domain enum error es5 es6 eth exists extend factorybot factorygirl feeling figaro fixed font-size git godaddy hangzhou heroku hexo index install instance ios javascript jquery json lazy-loading learn lendbot lending length linode linux load-more logdown mariadb material-design meetup member migration modal mysql mysql@5.7 notify package-install pakogi performance poloniex pq preventDefault problm psql rails rake redis remote resource rollback routes rspec rss ruby ruby-on-rails s3 sass sass-convert screen scroll scss seo session setting share shell-script size spec speed stash stopPropagation string sublime symbol telegram test ubuntu url utf utf8mb4 version visual-studio wallet wget wordpress wpf xml youtube

Recommend Links

Categories

Tag Cloud

PostgreSQL apache2 api array async auto aws beautify-ruby benchmark bloomfilter bot branch bucket bug build build_stubbed centos chrome class collection command commit compass cookie count css databases db domain enum error es5 es6 eth exists extend factorybot factorygirl feeling figaro fixed font-size git godaddy hangzhou heroku hexo index install instance ios javascript jquery json lazy-loading learn lendbot lending length linode linux load-more logdown mariadb material-design meetup member migration modal mysql mysql@5.7 notify package-install pakogi performance poloniex pq preventDefault problm psql rails rake redis remote resource rollback routes rspec rss ruby ruby-on-rails s3 sass sass-convert screen scroll scss seo session setting share shell-script size spec speed stash stopPropagation string sublime symbol telegram test ubuntu url utf utf8mb4 version visual-studio wallet wget wordpress wpf xml youtube

Recommend Links

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×