Avoid the initial Settings dialog

[estepper]

Hello,

Thank you very much for this helpful little tool! I'm using it successfully to monitor and control my self-made smarthome devices.

A minor annoyance for me is that the Settings dialog comes up each time I open the page on my iPhone, even though I've hard-coded the correct (and only possible settings) directly in the app.js file. Is there a way to bypass that modal dialog and trigger the MQTT connect automatically?

Although I'm not a web developer (just a plain old Java programmer), I've tried to achieve it myself with the following changes:

1. In app.js I've factored out a doConnect() method from the settingsHandleOK() method so that I can call it without an event argument:

    settingsHandleOK(bvModalEvt) {
      this.doConnect();
    },
    doConnect() {
      BASE_TOPIC = this.topic;
      DISCOVERY_TOPIC = `${this.topic}/+/$homie`;
      connect_to_mqtt(this);
    }

2. In index.html I've changed the element from "visible" to "invisible":

         <b-modal
            id="modal-settings"
            ref="modal"
            title="MQTT Settings"
            ok-title="Connect"
            @ok="settingsHandleOK"
            @on.keyup.enter="settingsHandleOK"
            auto-focus-button="ok"
            invisible
          >

3. At the bottom of index.html I've added a small script:

  <script>
    window.onload = function(event) {
      client_status.doConnect();
    };
  </script>

It seems to work almost correctly. The dialog does not appear. MQTT connect does happen. The page is rendered and filled with my devices. The only remaining (blocking) problem is that the window scrollbar does not appear, so that I can't scroll down in long devices.

Do you have some recommendations for me?

Thanks and all the best
/Eike