[Bug]: Reordering the UI and placing the controlnet box before the dimensions box breaks the UI

Is there an existing issue for this?

[X] I have searched the existing issues and checked the recent builds/commits of both this extension and the webui

What happened?

If you change the 'UI item order for txt2img/img2img tabs' setting and place the dimensions after scripts then the UI breaks and you have to manually change the config.json to fix it.

Steps to reproduce the problem

Go to Settings > User Interface > User Interface
Change 'UI item order for txt2img/img2img tabs' settings and place dimensions after scripts
Apply Settings
Reload UI

What should have happened?

The UI should not completely break.

Commit where the problem happens

webui: cf2772fab0af5573da775e7437e6acdca424f26e controlnet: ba05e1ea20df0e29a3dce9fcbe3ecc30777a5271

What browsers do you use to access the UI ?

Mozilla Firefox, Microsoft Edge

Command Line Arguments

--medvram-sdxl --xformers --opt-split-attention

List of enabled extensions

LDSR Lora ScuNET SwinIR canvas-zoom-and-pan extra-options-section hypertile mobile prompt-bracket-checker Stable-Diffusion-Webui-Civitai-Helper openpose-editor sd-webui-controlnet sd-webui-lobe-theme stable-diffusion-webui-images-browser

Console logs

C:\coding\stable-diffusion>webui-user.bat
venv "C:\coding\stable-diffusion\venv\Scripts\Python.exe"
Python 3.10.11 (tags/v3.10.11:7d4cc5a, Apr  5 2023, 00:38:17) [MSC v.1929 64 bit (AMD64)]
Version: v1.7.0
Commit hash: cf2772fab0af5573da775e7437e6acdca424f26e
Launching Web UI with arguments: --medvram-sdxl --xformers --opt-split-attention
Style database not found: C:\coding\stable-diffusion\styles.csv
Civitai Helper: Get Custom Model Folder
ControlNet preprocessor location: C:\coding\stable-diffusion\extensions\sd-webui-controlnet\annotator\downloads
2024-01-18 15:17:14,325 - ControlNet - INFO - ControlNet v1.1.431
2024-01-18 15:17:14,394 - ControlNet - INFO - ControlNet v1.1.431
Loading weights [fe4efff1e1] from C:\coding\stable-diffusion\models\Stable-diffusion\model.ckpt
*** Error calling: C:\coding\stable-diffusion\extensions\sd-webui-controlnet\scripts\controlnet.py/ui
    Traceback (most recent call last):
      File "C:\coding\stable-diffusion\modules\scripts.py", line 489, in wrap_call
        return func(*args, **kwargs)
      File "C:\coding\stable-diffusion\extensions\sd-webui-controlnet\scripts\controlnet.py", line 307, in ui
        group, state = self.uigroup(f"ControlNet-{i}", is_img2img, elem_id_tabname, photopea)
      File "C:\coding\stable-diffusion\extensions\sd-webui-controlnet\scripts\controlnet.py", line 246, in uigroup
        group.register_callbacks(is_img2img)
      File "C:\coding\stable-diffusion\extensions\sd-webui-controlnet\scripts\controlnet_ui\controlnet_ui_group.py", line 954, in register_callbacks
        self.register_send_dimensions(is_img2img)
      File "C:\coding\stable-diffusion\extensions\sd-webui-controlnet\scripts\controlnet_ui\controlnet_ui_group.py", line 533, in register_send_dimensions
        self.send_dimen_button.click(
      File "C:\coding\stable-diffusion\venv\lib\site-packages\gradio\events.py", line 140, in __call__
        dep, dep_index = self.trigger.set_event_trigger(
      File "C:\coding\stable-diffusion\venv\lib\site-packages\gradio\blocks.py", line 287, in set_event_trigger
        "outputs": [block._id for block in outputs],
      File "C:\coding\stable-diffusion\venv\lib\site-packages\gradio\blocks.py", line 287, in <listcomp>
        "outputs": [block._id for block in outputs],
    AttributeError: 'NoneType' object has no attribute '_id'

Additional information

This seems to be happening because if the dimensions box is before the controlnet box then controlnet_ui_group.py sets the outputs of the send_dimen_button to [None, None]. This is because the sliders are set in the on_after_component callback at lines 1223-1237 and those sliders haven't been created yet so the callback for them hasn't happened yet. So should be able to create a callback for when those sliders are set similar to subscribe_for_batch_dir + img2img_batch_input_dir_callbacks.

Mikubill / sd-webui-controlnet