ホーム画面で画面遷移がおかしいことがある

[yoshi389111]

自分のホーム、あるいは他のユーザーのページにいって、何かのリンクをクリックすると、なぜかそのユーザーのピックアップ記事（複数ある場合には最後の記事）に飛んでしまうことがあります。

同じ操作をしても毎回発生するわけではなく、たまに発生するようですが。

画面を表示して、リンクを押すといきなり飛ぶこともありますし、画面を切り替える（例えば「記事」「質問」「LGTM」と並んでいる「質問」などに切り替えた後）にリンクを押した後に飛ぶこともあります。

（単に、何度かリロードしていると結果が変わるように思えます）

現在、ベータ版として「記事カードのUIの変更」が実施されていると思いますが、ベータ版でも、元の版でも発生するようです。

ちなみに、デベロッパーツールで見てみると、以下のようになっていました。

正常な場合：

/* article 要素のクラス指定 */
.css-u56bup {
    background-color: #ffffff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 24px;
    position: relative;
}

/* a 要素のクラス指定 */
.css-32d82q {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

リンクがおかしい場合：
（ピックアップ記事の articleに position: relative; がないため、 a 要素が１画面分に広がっているみたい）

/* article 要素のクラス指定 */
.css-81mxb5 {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.12);
    padding: 16px;
}

/* a 要素のクラス指定 */
.css-32d82q {
    inset: 0px;
    position: absolute;
}

また、直接は関係ない気がしますが、何度かリロードしていると、アイコン（GitHubアイコンとかTwitterアイコンなどのSNSアイコン、タグマークのアイコンなど）が壊れて表示されることがあります。
リンクが正常な時にも、おかしい時も、アイコンが壊れて表示されることはあるようです。

念のため、発生した環境は Windows11 + Chrome 99.0.4844.82 と、Android 12 + Chrome 99.0.4844.73 です。

[ry18847]

同様の現象をWindows 10 + Chrome 99.0.4844.82で確認しました。
ピックアップ記事が複数ある場合、一番上のピックアップ記事は一番下のピックアップ記事に遷移するようです。

[kskwtnk]

@yoshi389111 @ry18847
ご意見ありがとうございます！

こちら、ひとまず試してみたのですが再現がとれず……
引き続き調査してみますが、もし発生しなかった場合スクリーンショットや画面録画をお願いするかもしれません 🙏
その際はご協力いただけますと幸いです 🙏

[yoshi389111]

確かに今は再現しないようです。
（今朝の7～9時には再現した記憶があります）

一応、昨夜の状態でのスクリーンショットが残っていたので、念のため添付します

（昨夜も添付しようとしたのですが、GitHubがエラーになってアップロードできなかったのです）

[ry18847]

もう一度同じ環境で見てみたところ正しく遷移するのを確認できました。キャッシュクリアはしていません。
iOS 15.4 + Safari で未ログイン/ログイン後の両方で確認しましたが問題なかったです。
朝はたしかに現象が起きていたのですが、よくわかりませんね。再発しなければいいのですが

[kskwtnk]

@yoshi389111 @ry18847
ありがとうございます！
すぐに究明できるかというと、正直怪しいのですが……引き続きウォッチはいたします！