💡

[ServiceNow]参照フィールドを確定するとスタイルが崩れる問題の対処方法

2020/10/02に公開

事象

サービスポータルのカタログフォームで参照フィールドの選択ボックスを確定すると幅が短くなる。

プラットフォーム

Paris

参考URL

https://hi.service-now.com/kb_view.do?sysparm_article=KB0820131

原因

参照フィールドの左側に[i]ボタンを表示させないように、下記のようなCSSを追加していたため

.add-on.ng-scope {
  display: none;
}

対処方法

対象のスタイルを削除するだけだと[i]ボタンが復活してしまいます。

下記のスタイルを追加
(2020/10/03 海外のslackでHIに教えてもらったcssを共有してもらったので更新しました)

.ref-picker-container.field-has-reference .btn-default {
  display: none;
}

結果がこちら

Discussion