Questions tagged [webshim]

Webshim or Webshims is a modular capability-based polyfill loading libary, which extends jQuery with many HTML5 features in legacy browsers

Webshim or Webshims is an open source modular capability-based polyfill loading libary, which extends jQuery with HTML5 features in legacy browsers and fixes bugs in modern browsers. It is based on Modernizr and jQuery.

Key principle of webshims is to implement the HTML5 API without inventing a new API, to achieve this, the abstracted jQuery API is used.

Example Source for HTML5 Video:

$('video').prop('currentTime', 20); 

Resources:

77 questions
58
votes
7 answers

Can I use an HTML input type "date" to collect only a year?

I have a field that is required to collect a year from the user (i.e. a date with a year resolution - for ease of storage I'd prefer to store an actual date value and not a number). I would like to use the date input UI supported by modern browsers…
Guss
  • 30,470
  • 17
  • 104
  • 128
42
votes
3 answers

html5 forms with polyfills - is it worth it?

Despite all of the buzz around html5 forms, it seems to me like you are creating extra work, in most scenarios, by going this route. Take, for example, a datepicker field. The native html5 implementation of this renders differently in every…
drogon
  • 1,785
  • 3
  • 21
  • 34
10
votes
1 answer

Which HTML5 forms javascript polyfill to has the broadest feature and browser reach?

The new forms attributes and tags in HTML5 are great. Unfortunately, there is only limited support for these in Chrome and Firefox, and essentially no support of these in IE9 and below. I have investigated using Modernizr and HTML5 polyfills to…
Joe Alfano
  • 10,149
  • 6
  • 29
  • 40
9
votes
2 answers

Using webshims polyfill in an Angular app

I'm trying to use the webshims polyfill in an angular app, which is also using requirejs for dependency management. I'm trying to shim the absence of the form attribute in form fields like input and button, which tells the browser which form a…
kumarharsh
  • 18,961
  • 8
  • 72
  • 100
9
votes
6 answers

Polyfill HTML5 form attribute (for input fields)

This is the markup I use:
...
Now I realized that it does not work for old IE and therefore I am searching for a HTML 5 polyfill. Anyone aware of a…
staabm
  • 1,535
  • 22
  • 20
4
votes
0 answers

Polyfiller is not working in Mozilla Firefox?

I followed the Webshim demo and insert date field on html instead of datetimepicker due to browser compatibility issue. In Mozilla Firefox browser , the PolyFiller is working fine when firslty the main.gsp page is loaded, the date input working…
Zeb
  • 2,687
  • 7
  • 28
  • 36
4
votes
0 answers

Webshims and Input Type="Date" not work well

it's the first time i ask your help. I'm trying to use Webshim for loading on any browser a input type=date. I use this topic: How to get HTML 5 input type="date" working in Firefox and/or IE 10 and everythings works well. But when i try to use…
giuseppe trubia
  • 142
  • 1
  • 13
3
votes
1 answer

webshim polyfill canvas won't work in IE7 mode

I am having problems getting the webshims plugin canvas polyfill to work. I get the following error in IE9 using IE7 mode: SCRIPT438: Object doesn't support property or method 'fillRect' problem.html, line 21 character 7 when I try to run this…
Andrew M. Andrews III
  • 1,989
  • 18
  • 23
3
votes
2 answers

webshim polyfill localStorage undefined in IE6

When I run the following code in an IETester IE6 window: DealingTree
Andrew M. Andrews III
  • 1,989
  • 18
  • 23
3
votes
0 answers

webshim polyfill for stopped working in Firefox 57 Quantum

I've been using webshim for polyfilling in a project I'm working on. The input type works natively in Chrome and Edge, but webshim gets invoked with Internet Explorer, and used to in Firefox up to version 56. It all…
wosx
  • 31
  • 2
3
votes
1 answer

Onsubmit function is firing on Safari, even though the required input is empty

Required attribute is not working in Safari. To fix this, I'm using Webshim. It was all working perfectly, until I noticed that when I use onsubmit on the form tag, it fires when you submit, no matter that there are some required inputs empty. You…
Juan Manuel Masud
  • 684
  • 1
  • 7
  • 15
3
votes
1 answer

Selenium htmlUnit dynamic content not working

I'm trying to create selenium tests for one site. In short, when a user opens the site, a CMS adds some dynamic elements (HTML + JS) to the page. When I run tests on FF driver - all is OK. FF Driver config: DesiredCapabilities desiredCapabilities =…
2
votes
1 answer

Webshims: validate form when submitting via click on a link

I am using the Webshims library for polyfilling the validation of a HTML5 form. The problem is that in order for the validation to kick in I have to use an input submit button. This is something that I wish to avoid, since I have a css-styled…
Good Samaritan
  • 706
  • 1
  • 7
  • 21
2
votes
0 answers

Webshim: Initially hidden date input has wrong width

I use Webshim polyfill to guide a user step by step through parts of a form. A date input is hidden at page load style="display: none;". It's width is specified in percentage. Webshim sets the width of the input wrapper element (that is shown…
maiermic
  • 4,764
  • 6
  • 38
  • 77
2
votes
1 answer

Use Webshim to replace UI of date picker only

I am using Webshim to standardise datepickers cross-browser. That's great, but unfortunately it also replaces other form elements, which I am not interested in. Is there a way I can limit webshim/forms-ext to only replace the UI of the date picker -…
Nix
  • 5,746
  • 4
  • 30
  • 51
1
2 3 4 5 6