サイドバーの固定処理で、下端優先にすると下端到達時に一瞬ブレる不具合を修正 #569 - Githubissues

vektor-inc / lightning

Lightning is powerful them for WordPress.

https://lightning.vektor-inc.co.jp

GNU General Public License v2.0

104 stars 28 forks source link

サイドバーの固定処理で、下端優先にすると下端到達時に一瞬ブレる不具合を修正 #569 #1105

Closed kurudrive closed 10 months ago

kurudrive commented 10 months ago

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

https://github.com/vektor-inc/lightning/issues/569

どういう変更をしたか？

サイドバーの下端処理は、コンテンツエリア下端に到達時点で fixed を absolute に切り替えていたが、動作が安定しないため、 fixed のまま表示領域下端からコンテンツエリア下端の距離を sidebar の bottom の位置に適用するように JavaScript を変更

ちなみに sticky を使っていないのはサイドバーの DOM を入れ子に変更する必要があり、それをするとカスタマイズしてるユーザーなどに影響が出る可能性があるため

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

[x] 複数の意図の変更（機能の不具合修正 + 別の機能追加など）を含んでいないか？
[x] Files changed (変更ファイル)の内容は目視で確認したか？
[x] readme.txt に変更内容は書いたか？
[x] 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

[ ] 書けそうなテストは書いたか？ちょっと無理...

変更内容について何を確認したか、どういう方法で確認をしたかなど

実装者が確認した手順を箇条書きで記載してください。

下端優先 / コンテンツエリアよりもサイドバーの高さが低い / 表示エリアよりもサイドバーの高さが高い状態にする
コンテンツエリア下端までスクロールしてサイドバーがブレない事を確認

確認URL

https://demo.dev3.biz/lightning-g3/new-products-info-20180201/

が、不具合を確認した環境でも確認よろしくお願いいたします。

レビュワーに回す前の確認事項

[x] 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

レビュワーがどういう手順で何を確認して欲しいかを記載してください。

サイドバーがブレないかどうか（・ｗ・

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

プルしたか？
ビルドしたか？
ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
npm install したか？
composer install したか？
キャッシュをクリアして確認したか？

osmdik commented 10 months ago

修正されて、ズレが起きないことを確認しました。

osmdik commented 10 months ago

このままマージしてよいでしょうか？

kurudrive commented 10 months ago

@osmdik 確認ありがとうございまっする