Help on how to show/hide 'help text' when an Input has focus?

Hey All,

I’m sure its possible, at least with some custom JS. But hoping to do it in Wappler nativley. I’can’t quiote get this to work, at least not in the UI.

I want to only show the ‘help text’ on an input field when that input field has focus. I’ve tried a few things but can’t get the right syntax even if its possible.

Here is a sample form group:

<div class="form-group">

    <label for="inp_nightlyRaise">Shift allowance</label>
    <input type="text" class="form-control form-control-sm" id="inp_nightlyRaise" name="nightlyRaise" dmx-bind:value="sc_summary.data.populate[0].nightlyRaise"
    aria-describedby="inp_nightlyRaise_help" placeholder="Rate">

        <small id="bs4-form-group-help1" class="form-text text-muted">Enter as a decimal, i.e. 1.2 is a 20% shift allowance</small>

</div>

Any ideas?