FirefoxのGoogle™ Translatorが特定のサイトで動かない
Google™ Translator っていう翻訳アドオンを使ってるんだけどさ、これが4chanで動かない。翻訳ボタンは出てくるんだけど、クリックしても結果が出てこない。
どうなっているのか調べたら4chanのCSSとバッティングしてたわ。Google Translatorは以下の様な要素をページに挿入して結果を表示してるんだけど、
<iframe scrolling="no" class="igtranslator-iframe" src="about:blank" frameborder="0"></iframe>
4chanのCSS https://s.4cdn.org/css/catalog_yotsuba_b_new.639.css に以下のような記述があるからiframeが見えなくなっちゃう。
iframe[src="about:blank"] { display: none; }
なんという偶然。
回避策
原因がわかれば対処法は簡単である。
userContent.css に、こう書いておけばいい。
@-moz-document domain(boards.4chan.org) { div.igtranslator-main-div iframe.igtranslator-iframe { display: block !important; } }