BizVektor で管理バーの「編集ガイド SHOW / HIDE」の切り替えが動作しない問題の対策

VK All in One Expansion Unit がインストールされていると、BizVektor のサイトで管理バーの「編集ガイド SHOW / HIDE」の切り替えが動作しません。

クリックすると SHOW ⇔ HIDE がトグルで切り替わる仕様になっているのですが、BizVektor と VK All in One Expansion Unit の両方がトグル切り替え処理を行うので、SHOW ⇒ HIDE ⇒ SHOW の動作を行って、結局元に戻ってきてしまう、という症状でした。

そこで、以下のコードを追加して切り替えが動作するようにしています。

JavaScript

(function(w,d,i,c,f){
	w.addEventListener('load', function(){
		var e=document.getElementById(i);
		if(e){e.addEventListener('click', function(){
			if(e.classList.contains(c)){
				e.classList.remove(c);d.body.classList.remove(f);
			}else{
				e.classList.add(c);d.body.classList.add(f);
			}
	})}})
})(window,document,'wp-admin-bar-veu_disable_admin_edit','ujs-active','ujs_hide_edit_guide')

CSS

#wp-admin-bar-veu_disable_admin_edit.ujs-active .ab-item ._show {
    display: none;
}

#wp-admin-bar-veu_disable_admin_edit.ujs-active .ab-item ._hide {
    display: inline;
}

body.ujs_hide_edit_guide :is(.adminEdit,.edit-link,.veu_adminEdit) {
    display: none;
}