該当のソースコード
https://codepen.io/anon/pen/WzpJVM
前提・実現したいこと
ただ今Electronにてデスクトップアプリを作成しております。
その途中でどうにも解決できない現象が発生しましたので質問させていただきます。
実現したいことは上記のソースコードの通りなのですが、
SVGを横並びに配置し、その親要素であるulの高さを変更すると、
追従してSVGもリサイズされるという設計にしたいと考えております。
発生している問題・エラーメッセージ
ですがElectronやChromeなどのChromium系統の環境で上記のソースコードを実行すると、
目論見通りSVGのリサイズはされるのですが、なぜか表示位置が変更されずにSVG同士が重なった状態になってしまいます。
FireFoxなどでは表示位置も正しく変更されたので、Chromium特有の現象かと思います。
質問
Electronにおいてでも正しい位置に表示されるような書き方をご教授頂きたいです。
Electronさえ動作すれば問題ないので、他のブラウザでは崩れてしまうといった書き方でも構いません。
できればですがHTMLとcssのみで解決できる方法が望ましいです。
回答1件
あなたの回答
tips
プレビュー