Chrome shows extra text widget on top of the datepicker

[Chinenual]

jquery 3.3.1

Bootstrap 4.1.3

Datepicker 1.8.0

With Firefox 64.0, i get documented behavior (datepicker pops up when I click on the text box).   With Chrome 71.0.3578.98, I get an extra text popup that I have to click in order to see the datepicker underneath it.   I don't think this is Chrome's "datepicker" interfering (I am using type="text").




<input type="text" id="startDate" class="form-control mx-sm-3" required>
...
<script>
  $(document).ready(function() {
     $('#startDate').datepicker({
         format: 'yyyy-mm-dd'
     });
   });
</script>

Here's what it looks like in Firefox:

and here's what it looks like in Chrome (before I click to dismiss the extra text popup:

Ideas?

[Nathan Kleekamp]

This is probably Chrome's autofill/autocomplete trying to help you. I would start by looking for how to disable autocomplete for your form fields. I hope it helps! -Nathan

[Chinenual]

Thanks Nathan - Yes!   Turning off Chome's "Save and fill addresses" preference fixes this.  But that's a pretty blunt hammer -- I don't see a way to tell Chrome to specifically disable form completion for this site, or this field.   (its the "address" fill that seems to be getting confused - even tho this field is named "startDate" and I don't see it store in the addresses Chrome claims to have on file...).   Stack overflow (https://stackoverflow.com/questions/15738259/disabling-chrome-autofill) implies that any html-side autocomplete attribute changes that I managed to make work today are not likely to work for long.

Steve