bootstrap-vue / bootstrap-vue

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Home Page:https://bootstrap-vue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Date input placeholder on Safari browser

jordandevogelaere opened this issue · comments

Describe the bug

Hi,

I'm using the <b-form-input type="date"> and I'm facing a layout issue on Safari. Is there a possibility to hide the placeholder or fix the position of the placeholder.

image

On the documentation site you also see that the placeholder is not vertically centered in the input field.

image

Steps to reproduce the bug

  1. open https://bootstrap-vue.org/docs/components/form-input on Safari
  2. Check date input

Expected behavior

Able to hide placeholder or center the input vertically.

Versions

Libraries:

  • BootstrapVue: 2.4.0

Environment:

  • OS: macOs Ventura 13.0.1
  • Browser: Safari Version 16.1 (18614.2.9.1.12)
  • Version: [e.g. 70]

Same issue

Hello, any updates on this?