I have built a virtual directory where users can change file / directory names.
Names can only be changed with a double click:

<input type="text"
                   class="form-control border-0 p-0 mb-1"
                   onblur="this.readOnly='true';"
                   readonly="true"
                   ondblclick="handleDbClick(this)"
                   onkeydown="handleEnter(event, this)"
                   value="{{ dict.directory.current_name }}" />

but if I click on the input field once, there is still the glow thing around the input :

(I can’t upload a picture currently, there is an error occurring, I will replace this line later with the picture)

I want to archive, that the blue glow thing only appears on a double click on the input, when it’s editable.

Thanks!