Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能（カッコ内の要素を持つ親要素を選択する）を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました（同じエ

[fukken]

jQueryなんぞ無視しろ、とも言いたくはなるが、その根拠のひとつであるquerySelectorはjQueryから輸入されたものなわけで、web発展の功労者を無碍に扱うのもなぁ。

[otchy210]

これは辛い…。そもそも「CSS セレクタで DOM 指定出来たら便利じゃね？」が jQuery がもたらした知見で、それが後に querySelectorAll でネイティブ実装されたという経緯なので、恩を仇で返した感あるわ。

[anepan]

「歴史的経緯」がまた一つ増えそう

[tattyu]

簡単な名前はぶつかるんだよな。。後から実装した方の責任が重い。

[ultimatebreak]

jQuery使ってる古のサイトとかいうけど、未だにバリバリ現役で量産されてますよ

[kamei_rio]

"jQueryを使ったコードすべてに影響はしなくて、`ul:has(li:contains('Item'))`みたいにjQueryの拡張セレクタを`:has()`内で使っていたら問題になる" らしい

[w_bonbon]

jQueryもう使ってないし嫌いだけどこれはChromeが悪い。

[koba789]

これの影響で、ゼロックスのウェブ UI が見事に壊れてました

[ichiken7]

jQueryのhasを使って「なんちゃらがあれば、かんちゃらの機能を有効にする」みたいなことをやってるとそれが効かなくなったりする。個人的にはこんな横暴が許されていいのか！と思うけど、Google様には歯向かえないんだ…

[sionsou]

最新鋭のサイトしか関わってない優秀なエンジニア・デザイナーの皆さんは知らないかもですが、世の中の7割くらいはまだJQueryだしなんならWPも未だにガンガンありますよと。ReactだのVueだのなんてほんの一部よ

[field_combat]

マジか、後でいろいろ調べよう

[mumei-0]

“疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる”

[tick2tack]

こんなんあるんだな。

[uva]

ぶっ壊れていこうよ

[kamanobe]

jQuery まだ現役な案件あるんですけど？！

[typographicalerror]

GoogleがjQueryを終わらせにきたんだな、という感じ

[misarine3]

あーあー…いくつか思い当たるよし！jQueryは時代遅れ？もう使ってる人いない？制作の現場の現実みてから言ってくれ。

[shirou002]

:-(

[pyagatupa]

わざとjqueryを殺しにきてるんじゃないかな。Googleだし

[Shinwiki]

$(function() { alert('え、まだjQueryって使われてるんですか？'); });

[sds-page]

後から来た奴が名前変えろ

[quabbin]

WebKit側はバグってたのでセーフって、まじかｗ　小説より奇なり

[uehaj]

互換モード作ろう、とかやらないのが偉い。

[s025236]

ちょっと読むとブラウザ側が:hasの中がinvalidでも受け入れちゃう欲張りな実装がまずいのでは？と感じるんだけど…問題はそれだけじゃ無いぽいけどそれ以外の問題がよくわからなかった💦

[s_rsak]

javascript や css は jQuery の影響を受けて改善された経緯があるのに、その jQuery の動作を壊してしまう仕様を作るのは仁義に反するとおもうわ。

[YUKI14]

担当案件で先週これの対応したところ

[nasunori]

こんなことあるんだ。おもろいという気持ちとしんどいという気持ちがある

[PerolineLuv]

一般的なランディングページ制作では、jQueryはまだまだ現役だよ

[t_trad]

JSの名前空間どうなってんだ

[masa8aurum]

「jQueryは通すがCSS仕様としては通らない書き方」を使うコードだと問題になるらしい。そもそも「querySelectorAllを試して、例外発生したら自前のセレクタを使う」というjQueryの実装ってどうなん。変化適応性は高いけどさ

[m4fg]

世界はバグでできている

[poliphilus]

jQuery に :has() なんてものがあることを知らなかった俺は勝ち組。そもそもあんまり複雑なものは組んでないしな…。

[at_yasu]

ぎゃぽー

[gachapining]

jQueryの利用率から考えると、まさにインターネットが壊れる案件だ。

[suika3417]

メンテしてないサイトはきついな…

[nakag0711]

:sgot()にすればよい

[iww]

jQueryすげー使ってるので調べないとやばそう。 :has()はいろんなプラグインでいっぱい使われてるっぽい

[trace22]

こういう標準化の人たち、jQueryどころかprototype.jsとかdojoとかと衝突しないか気にしながら仕様策定してたと思うけど、ブコメで適当に腐してる連中が聞いたら卒倒しそう