作成日: 2020/12/24 最終更新日: 2021/01/27
文書種別
不具合
発生環境
Vue.js(vuetify)
状況
修正済み
詳細
Vue.jsのvuetifyを使用すると、SpreadJSのフィルタダイアログで、OK、キャンセルボタンがダイアログからはみ出る、テキストフィルタでコンボボックスが表示されない、などレイアウトが不正になる現象が発生します。
回避方法
SpreadJS (Ver.14.0.6)で修正済み。
Ver.14.0.6より前のバージョンではアプリケーションに次のCSSスタイルを追加することで回避可能です。
// ------------------------------------------
.gc-filter-button {
width:85px !important;
}
.gc-filter-dialog-style {
text-align: initial;
}
.gc-filter-dialog-style select {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(118, 118, 118);
-webkit-appearance: auto;
-moz-appearance: auto;
}
.gc-filter-dialog-style > div:nth-last-of-type(2) > p {
line-height: initial;
}
#first-condition-expected > input,
#sec-condition-expected > input {
background-color: #fff;
}
// ------------------------------------------
Ver.14.0.6より前のバージョンではアプリケーションに次のCSSスタイルを追加することで回避可能です。
// ------------------------------------------
.gc-filter-button {
width:85px !important;
}
.gc-filter-dialog-style {
text-align: initial;
}
.gc-filter-dialog-style select {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(118, 118, 118);
-webkit-appearance: auto;
-moz-appearance: auto;
}
.gc-filter-dialog-style > div:nth-last-of-type(2) > p {
line-height: initial;
}
#first-condition-expected > input,
#sec-condition-expected > input {
background-color: #fff;
}
// ------------------------------------------
旧文書番号
86288