全知検索窓固定機能実装を一段落させた(10歩)。出振るい・手定め済み。
ここまでの調整で基本的な挙動は満足出来るものになっていたため,吊るし輪郭・新規描出フォームへの輪結を加えて仕上げとした。概ね1月15日18歩の検討通りだが,当時の案よりも小振りにすることで幅狭領当てかどうかや吊るし輪郭の有無によらず装体を共通化出来た。吊るし輪郭が無い場合は上矢印をグレーアウトさせつつ,ページ最上部への移動という機能は残すことで無駄な余白にしないようにした。結果として,当初想定よりも交度・用合いの両面で単純かつ安定感のあるものになった。
予定通り,幅狭領当てでは入力欄への捕活で追加輪結類は隠すようにした。#sch
に :focus-within
でも使えば楽かと思ったが,輪結への捕活も拾ってしまい上手く動かないためスクリプトで .foc
を付けるようにした。
固定機能実装当初,iOS Safari の固定時捕活で固定検索窓が一瞬隠れる問題に悩まされたが,このあたりの挙動は iOS Safari 特有の問題として有名らしく,固定検索窓のある他のサイトでも同じなので,こういう視覚効果なのだと思うことにした。他にも,ページ最上部で上スクロールすると全知検索窓の固定可能部分が浮き上がるなど妙な挙動があり,最初は捕活やスクロール関係の独自仕様に由来する不具合かと思った。
ほかダークテーマ装体調整(2歩),不具合修正(3歩)。