More than 5 years have passed since last update.

Vue.js使っててChromeを77にアップデートしたら

Posted at 2019-09-17

先に言っておくと、私のコードの書き方がおかしい部分が暴かれたというお話です。

下のような書き方をしてしまっている状態で、

<v-layout column fill-height> 
 <v-flex md9> 
  <v-layout column fill-height> 
   <SomeComponents/>
  </v-layout> 
 </v-flex> 
</v-layout>

chromeをバージョン76から77にアップデートしたら見事にレイアウトが崩壊しました。

崩壊するまでコードの異常に気づいていませんでした。

以下に修正したら直りました。

<v-layout column fill-height> 
 <v-flex md9> 
  <SomeComponents/>
 </v-flex> 
</v-layout> 

<!-- 余分なv-layoutを削除 -->

テンプレート部分の記述で、コードの増減によって不要になった要素が出てきていないかをマメに見直すと吉です。

以上、自戒を込めて。