[Hatsuki]

【お使いの Snow Monkey のバージョン】v5.6.1
【お使いのブラウザ】Safari

記事一覧で
.c-entry-summary__metaの要素を
position:absolute;
にカスタマイズすると、タイトルが短いとか本文が極端に無いとかの記事でフォーカスを当てた際に一瞬消えるような挙動が起こるんで、これをどうにかしたいなと思ってます。
（どうやっても一瞬消えてるんで、お手上げ
:focusが原因なのか探りましたが、.c-entry-itemのスタイルの何処で、この現象が起こるスタイルを書かれてるのか解らなかったんで、質問させてください。

リッチメディアだと要素のスタイルにpositionを当てるだけで起きるようになりますが、リッチメディア以外でもスタイルをちょっと変えると発生するので、リッチメディア時のREAD MOREの動きが原因では無いとは思ってます…。

♥ 0

いいねをした人: 居ません

[Hatsuki]

自己解決したので、共有。

c-entry-summary__bodyのtransitionが原因だった模様。
その為、
.c-entry-summary__metaを、position: absolute;で上書きする際は、
transition: none;
をしないと駄目なようです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

返信おそくなってすみません。解決したとのことですが、Snow Monkey 公式サイトで試しに

.c-entry-summary__meta {
  position: absolute;
}

してホバーしたりフォーカス動かしてみたりしたのですが、特にチラついたりはないようでした。他のスタイルも影響してたのかも？ですかね。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿