この記事ではCSS anchor-positioningのサポートが追加されたことを取り上げたい。Edge、Chrome、Safariではすでにサポートされているため、今回のFirefoxの対応により、主要なブラウザすべてで対応したことになる。 CSS anchor positioning - MDNCSS anchor positioning - Can I use..

今回対応した案件の備忘録です。 [ 現象 ] サイトのメニューにトップページ内のアンカーリンクを設置したのですが、iPhoneでクリックすると、1回目はリロードになり、2回目にクリックしてやっとアンカーリンクの該当箇所に遷移しました。 [ 対処法 ] < body ...

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン125がリリースされました。別の要素の位置を基準にして要素を配置できる「Anchorポジショニング」が利用可能になったほか、CPU負荷をアプリに伝えるCompute Pressure APIや数値を丸めたり剰余を求め ...

The CSS Working Group just discussed [css-anchor-position-1] Which writing-mode does position-try-tactics operate on?, and agreed to the following: RESOLVED: use the containing block's writing mode, ...

Hm, this is confusing. Talking over it with @fantasai, we thought this was an issue with the root being a scroller and thus not triggering shifting (because you can instead extend the scrollable area) ...