search

wailsapp / wails

Create beautiful applications using Go
https://wails.io
MIT License
25.34k stars 1.22k forks source link

HTML5 <input type="data"> becomes a normal text input after build #531

Closed maxiride closed 4 years ago

maxiride commented 4 years ago

Description

When using <input type="data"> the application shown in development withwails serve correctly presents the date input field. After building the application with wails build the input field is shown as a normal text input.

To Reproduce Steps to reproduce the behaviour:

  1. Create a new basic Vue Project (wails init -> option 5)
  2. Insert a date input field: <input type="data">
  3. Run the application in development mode with wails serve for the backend and npm run serve for the frontend
  4. See that the rendered application in the browser shows correctly the date input, clicking it opens the calendar
  5. Run wails build to build the executable
  6. Run executable and see that the date input field is a normal text input and no calendar is opened

Expected behaviour On the built executable, when clicking the date input field I expected to be presented with a calendar to choose the date from.

Screenshots If applicable, add screenshots to help explain your problem.

System Details

Name Value
Wails Version v1.8.0
Go Version go1.15.3
Platform windows
Arch amd64
GO111MODULE on
GCC 9.2.0
Npm 6.14.8
Node v12.19.0

Additional context I haven't tested other input types but will do.

leaanthony commented 4 years ago

It appears IE11 doesn't support this. I would suggest using a different solution for Windows.

maxiride commented 4 years ago

It appears IE11 doesn't support this. I would suggest using a different solution for Windows.

Is this a webview limitation or can I change something on the computer to solve it? E.g. use Chrome webwiew?

Rezrazi commented 4 years ago

It appears IE11 doesn't support this. I would suggest using a different solution for Windows.

Is this a webview limitation or can I change something on the computer to solve it? E.g. use Chrome webwiew?

It is a webview limitation, you can start by looking into polyfills and shims for that feature, or a replacement, I would suggest jQuery's Datepicker or any IE11-compatible datetime input

leaanthony commented 4 years ago

I'm adding a Windows Development Guide to the docs and will add this information. Thanks

leaanthony commented 4 years ago

Guide created and additional information now output to command line when running build/serve on Windows (v1.8.1-pre2). Closing this.