X-T9テーマ：VK Blocks Pro の分割読み込みがオフ、VKボタンを背景なしで色を標準色 (Bootstrap)で選択して、アコーディオンブロックを配置すると、VKボタンの色が白くなる

[goutetsuguma]

X-T9テーマで、VK Blocks Pro の「分割読み込みを有効にする」はオフにして、VKボタンを背景なしで色を標準色 (Bootstrap)例えばprimaryなどで選択して、アコーディオンブロックを配置すると、vk blocks proのblock-build.cssが先に読み込まれてx-t9テーマ側のcssが後になり、VKボタンの色が白くなるようでした。

• VK Blocks Pro の「分割読み込みを有効にする」はオフで、アコーディオンブロックを配置しない場合は正常に表示されました。
• VK Blocks Pro の「分割読み込みを有効にする」をオンにするとアコーディオンブロックがあっても正常に表示されました。

X-T9側の問題でしたらすみません。(分割読み込みを有効にしたら治るので、VK Blocks の方にissue移動しました)

Discordのやりとりはこちら

デモサイトからも確認できます。ログインして確認できます
https://demo.dev3.biz/x-t9-pro/delite-page-test/

[mtdkei]

@goutetsuguma
ありがとうございます。こちら作業します。
X-T9で処理した方が良さそうな気がしたので一旦X-T9側で処理してみます。

追記: もう一度調査したところ、VK Blocks側の処理が関係してそうだったのでそっちも調べてます。

[mtdkei]

@goutetsuguma
調査してみたところ、アコーディオンブロックだけでなく

15cda6b#diff-2a59102132458cc6cb7125b492d922db25cbb427a1b90623eadc2bf68c4ebf7aL10

のプルリクのblock.jsonで"style": "vk-blocks-build-css",となっているものが同じ現象になっておりました。(スライダーブロックだけは起こりませんでした。)

この周りの処理がよくわからなかったのですみませんが @drill-lancer さんか @mthaichi さんにお願いできればと思っています。

[mtdkei]

block.jsonで"style": "vk-blocks-build-css",となっているブロックを配置したらVKボタンの色が白くなるようでしたので、"style": "vk-blocks-build-css"を削除してみたところ、VKボタンの色が白くなる現象は解消しました。
"style": "vk-blocks-build-css"を指定することで、WordPressはそのブロック用のスタイルを優先的に読み込もうとする関係で、テーマのCSSよりも早く読み込まれることが原因でした。
ただ、"style": "vk-blocks-build-css"を指定している理由があるかと思いますので、ここら辺の指定をしてくださった @drill-lancer さんにこのissueをみていただけたら幸いです。(CC: @kurudrive 、 @mthaichi )