Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

datalist-polyfill

Package Overview
Dependencies
Maintainers
1
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

datalist-polyfill - npm Package Compare versions

Comparing version 1.10.2 to 1.10.3

2

bower.json
{
"name": "datalist-polyfill",
"description": "An extremely lightweight and library-dependency-free vanilla JavaScript datalist polyfill.",
"version": "1.10.2",
"version": "1.10.3",
"homepage": "https://github.com/mfranzke/datalist-polyfill",

@@ -6,0 +6,0 @@ "authors": [{

@@ -87,3 +87,3 @@ /*

var $dataListSelect = $dataList.getElementsByTagName('select')[0];
var $dataListSelect = $dataList.getElementsByTagName( 'select' )[0];

@@ -135,3 +135,3 @@ // still check for an existing instance

labelValueSeperator = ' / ',
labelOptionPart = label.substr(0, optionValue.length + labelValueSeperator.length),
labelOptionPart = label.substr( 0, optionValue.length + labelValueSeperator.length ),
optionPart = optionValue + labelValueSeperator;

@@ -227,3 +227,3 @@

var $dataListSelect = $dataList.getElementsByTagName('select')[0],
var $dataListSelect = $dataList.getElementsByTagName( 'select' )[0],
// either have the select set to the state to get displayed in case of that it would have been focused or because it's the target on the inputs blur

@@ -310,3 +310,3 @@ visible = ( ( eventType === 'focus' && event.target.value !== '' ) || ( event.relatedTarget && event.relatedTarget === $dataListSelect ) ),

}
$dataListSelect.setAttribute( 'aria-hidden', (!visible).toString() );
$dataListSelect.setAttribute( 'aria-hidden', ( !visible ).toString() );

@@ -377,3 +377,3 @@ // bind the keyup event on the related dalalists input

}
$select.setAttribute( 'aria-hidden', (!visible).toString() );
$select.setAttribute( 'aria-hidden', ( !visible ).toString() );
}

@@ -380,0 +380,0 @@ };

{
"name": "datalist-polyfill",
"version": "1.10.2",
"version": "1.10.3",
"description": "An extremely lightweight and library-dependency-free vanilla JavaScript datalist polyfill.",

@@ -5,0 +5,0 @@ "main": "datalist-polyfill.js",

@@ -61,2 +61,3 @@ # datalist-polyfill

* I even also tried its `multiple` attribute, as this is most likely even already what you're up to regarding appearance, but it does violate the form follows function concept and results in - surprise - the possibility for multiple selections, which isn't always `<datalist>` elements kind of thing ... Than the `size` attribute came to my attention, which much better fits the requirements and behaves as designed quite perfectly.
* This polyfill wouldn't work for Microsoft Internet Explorer 9 (at the moment), as this one is slightly more complicated (thanks for mentioning @ailintom with #2).

@@ -68,2 +69,5 @@ ## Credits

### Version 1.10.3- 2017/10/07
Added a comment regarding IE9 - and some simple code styling.
### Version 1.10.2- 2017/09/26

@@ -70,0 +74,0 @@ Simple corrections.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc