新フォーマットに更新されてからの
JavaScriptカスタマイズで
フィールドの非表示対応をしたところ、完全に非表示ではなく
少し空白のスペースが存在する状態となっています。
以下URLのコードで実装しております。
// 新しいバージョン
formBridge.events.on(‘form.show’, function (context) {
// “名前” フィールドを非表示にする
const nameDom = document.querySelector(‘.fb-custom–field[data-field-code=“名前”]’);
nameDom.style.display = ‘none’;
});
カスタマイズ（コード）で非表示設定した状態
一つであればそんなに目立たないですが
これが複数になれば
目立つように感じます。
完全に非表示にできる方法があれば
ご教授頂ければ幸いです。
data-field-code="名前"を起点にして親の親のDOMを非表示にすると良いと思います。
const nameDom = document.querySelector('.fb-custom--field[data-field-code="名前"]');
nameDom.parentElement.parentElement.style.display = 'none';
nameDomで取得した文字列(1行)のDOMは以下のようなものです。これだけを非表示にしているため少し空白のスペースができています。console.log(nameDom)や開発者ツール（F12）の要素を確認してみてください。
class="flex flex-col gap-1 px-4 md:px-0 fb-custom--field" data-field-code="名前" data-field-type="SINGLE_LINE_TEXT"