| 1 |
/** |
| 2 |
* Drop the document-bar title button from the tab order on PB form CPTs (Layer 12). |
| 3 |
* CSS already blocks pointer events; MutationObserver re-applies tabindex="-1". |
| 4 |
*/ |
| 5 |
|
| 6 |
import { useEffect } from '@wordpress/element'; |
| 7 |
import { useSelect } from '@wordpress/data'; |
| 8 |
import { registerPlugin } from '@wordpress/plugins'; |
| 9 |
|
| 10 |
const PB_CPTS = [ 'wppb-rf-cpt', 'wppb-epf-cpt' ]; |
| 11 |
const COMMAND_SELECTOR = '.editor-document-bar__command'; |
| 12 |
|
| 13 |
const applyTabIndex = () => { |
| 14 |
const btn = document.querySelector( COMMAND_SELECTOR ); |
| 15 |
if ( btn && btn.getAttribute( 'tabindex' ) !== '-1' ) { |
| 16 |
btn.setAttribute( 'tabindex', '-1' ); |
| 17 |
} |
| 18 |
}; |
| 19 |
|
| 20 |
const DisableDocumentBar = () => { |
| 21 |
const postType = useSelect( |
| 22 |
( select ) => select( 'core/editor' ).getCurrentPostType(), |
| 23 |
[] |
| 24 |
); |
| 25 |
const isOurPostType = PB_CPTS.includes( postType ); |
| 26 |
|
| 27 |
useEffect( () => { |
| 28 |
if ( ! isOurPostType ) return undefined; |
| 29 |
|
| 30 |
applyTabIndex(); |
| 31 |
|
| 32 |
const observer = new MutationObserver( applyTabIndex ); |
| 33 |
observer.observe( document.body, { childList: true, subtree: true } ); |
| 34 |
return () => observer.disconnect(); |
| 35 |
}, [ isOurPostType ] ); |
| 36 |
|
| 37 |
return null; |
| 38 |
}; |
| 39 |
|
| 40 |
registerPlugin( 'wppb-fb-disable-document-bar', { render: DisableDocumentBar } ); |
| 41 |
|
