タグ

troubleとiOSに関するkathewのブックマーク (8)

  • iOS Safari で最後の一文字だけ改行される不具合の対処方法 - Qiita

    特定条件のみ最後の一文字が改行されてしまう iOS Safariでページを確認したら特定の箇所だけ最後の一文字が改行されてしまうという現象に悩まされていました。 こんな感じです。 発生条件 ≫iOSで最後の1文字が改行される ≫Mobile Safariで最後の1文字が改行されてしまうバグ 上記ページに発生条件がいろいろ書かれていますが、 フォントサイズ 前後の空白 文字数 などは自分の場合は関係ありませんでした。別の文字列にしても改行されたので文字コードなども関係ないようです。 dt タグを display:inline-block する というのが自分の発生条件のようです。 対処法 dt{ display: inline-block; margin-right: -1px; &:after{ content: "."; width: 0; font-size: 0; color: tr

    iOS Safari で最後の一文字だけ改行される不具合の対処方法 - Qiita
  • iOS Safariで文章の最後の1文字だけ改行されてしまう現象の対処法

    最近iOS Safariで起きた現象とその対処法についてまとめておきます。 ブラウザ表示のトラブルといえばIEでばかり起きるもののイメージがあったのですが、最近意外とSafariで見たときに「あれ?」となることが増えてきました。 横幅が足りなくて改行されているのではなく、明らかに横幅は余裕があるのに、最後の1文字だけが改行されてしまいました。 原因としては下記のようなことがあるみたいなのですが、自分の場合はdisplay: inline-block;でフォントサイズを14pxで文字数が全角13文字のときに発生しました。 display: inline-block;を指定しているfont-feature-settings: "palt"を指定している文字列が全て全角文字前後に空白がある(コード上の空白も含め)しかも、iPhone長押しでテキストの選択をすると1行で選択されるので、あくまで要素

    iOS Safariで文章の最後の1文字だけ改行されてしまう現象の対処法
  • Mobile Safariで最後の1文字が改行されてしまうバグ - くらげだらけ

    スマートフォンブラウザ関係のバグは(Android browserを中心に)たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日語文字列の最後の1文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 (ただその分googleで検索しても、遭遇した例など出てきません) mobile safariで閲覧している PCブラウ

    Mobile Safariで最後の1文字が改行されてしまうバグ - くらげだらけ
  • iOSで最後の1文字が改行される

    iOSで文字列の最後の1文字だけ改行されてしまう不具合に遭遇したのでメモしておきます。 確認したiOSのバージョンは6.1.6です。 発生条件 調べてみると発生条件がいくつかあるみたいですが、今回遭遇した条件は以下になります。 display: inline-block;を指定している font-size: 20px;を指定している 文字列が全て全角文字 文字列の前に空白(半角スペースやコード上の改行)がある 上記発生条件の3・4番目について、いくつかパターンを試してみました。 HTML <!-- 文字列の前に半角スペースが入っていると発生 --> <div class="sample"> やる気マンゴスチンです</div> <!-- 半角スペースがない場合は発生しない --> <div class="sample">やる気マンゴスチンです </div> <div class="sampl

    iOSで最後の1文字が改行される
  • 【iOS14.2】SafariでIDやパスワードを入力するとフリーズする不具合が報告

    iOS14.2以降、Safariでウェブサイトのアカウント情報入力画面でIDやパスワードといった情報を入力しようとするとフリーズする不具合が一部のiPhoneで報告されています。 IDやパスワードの入力ページでフリーズする iOS14.2以降、Safariでウェブサービス等のパスワード入力ページ(アカウント情報の入力画面)を開くとフリーズする、もしくはキーボードが表示されないといった不具合が複数報告されています。 iOS14.2、ウェブの入力フォームでのパスワード入力欄への入力時にフリーズしたり、なかなかキーボードが表示されないバグがあるな。 — 思兼 (@omoikane_) November 17, 2020 iOS 14.2でパスワード入力するときにフリーズする。パスワードの自動入力止めてクリアできた。ほかのサイトは問題ないしなんだこれ。 — ネタナンデス (@newsasahico

    【iOS14.2】SafariでIDやパスワードを入力するとフリーズする不具合が報告
  • 12 月 2 日になると iOS 11.0/11.1 が突然再起動を繰り返すようになった原因 - 家計簿アプリ Zaim

    何が起きていたのか? 既報の通り、12 月 2 日未明より一部の iOS デバイスが数十秒に一回再起動のような動作を繰り返し、操作不能になる OS の不具合が全世界で発生しています。Zaim もこの影響を受け原因調査と対策を実施しましたので、技術的に判明したことをこのエントリーで開発者向けに共有します。 なお、iOS 11.2 では解決していますので、まだアップデートしていない方は早急にアップデートをお願いします。 iPhone が再起動を繰り返す不具合 12 月 2 日に発生 「iOS 11.2」リリース、高速無線充電対応など iPhoneの連続再起動の不具合も修正 実際には OS が再起動していたわけではなく、SpringBoard と呼ばれるホーム画面などを管理している内部のアプリケーションがクラッシュを繰り返していました。 (時計アプリにも不具合があったようですが、こちらの現象は

    12 月 2 日になると iOS 11.0/11.1 が突然再起動を繰り返すようになった原因 - 家計簿アプリ Zaim
  • Edgeで電話番号がリンクになっちゃうやつ - m31

    これまでスマホサイトの対応をしてきた経験がある方ならご存知の、「電話番号っぽい数字の羅列が電話番号として勝手にリンクになってしまう」やつが、Edgeでも起きます。 実はこれ、IE11でもすでにそんな実装になっていたようなのですが・・・今まで作ってきて、そんな現象見たことありませんでした。 電話番号の形式の認識 実際に最近作ったWebページでも、IE11ではリンクにならずにEdgeだけリンクになったりしていました。 でもまあ、今後もこういったことが起きると思いますので、スマホ対応のときと同じように対策しておきましょう。 <meta name="format-detection" content="telephone=no"> HTMLのhead内にこの記述を仕込んでおきます。 これでオッケー☆⌒d(´∀`)ノ Windows10へのアップグレードが(強制的に)進んできて、クライアントでもWi

    Edgeで電話番号がリンクになっちゃうやつ - m31
    kathew
    kathew 2017/02/27
    iOSのSafariと同じ指定で解決!しかし余計な機能だなぁ(;・∀・)
  • スマートフォン対応、気をつけたいトラブル

    8/18におこなわれたCSS Nite in OSAKA, Vol.32での発表用スライドです。4/27のCSS Nite in OSAKA, Vol.29で使用したスライドをベースに、若干の追記・修正をした内容となっています。

    スマートフォン対応、気をつけたいトラブル
  • 1