SPFX - Hide "Submit for Approval" Button

Question

I'm working on an SPFX extension with the intent of hiding the Submit for Approval button that appears in libraries when content approval is enabled (see below), but I'm having trouble getting it to work properly.

I have a snippet of TS code set up as below, but it works kind of inconsistently, e.g. usually it hides when the item is clicked, but then if you de-select the item the screen goes white, sometimes the screen goes white when the page loads up, and sometimes nothing happens at all.
For context, all tests so far have taken place in a gulp serve local environment.

Any ideas as to what I could be doing wrong?
Thanks in advance for any suggestions.

Answer 1

Hi @Avery Kirkham ,

Try to use setTimeOut to delay trigger the onListViewUpdated function, because the command actions were rendered after this function, please check the code snippet in attachment file:

43519-code.txt

Reference:

How to control command visibility in response to "external" conditions

Thanks
Best Regards

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Use the code under pageLoad() function