Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@polymer/iron-selector
Advanced tools
iron-selector
is an element which can be used to manage a list of elements
that can be selected. Tapping on the item will make the item selected. The selected
indicates
which item is being selected. The default is to use the index of the item.
Example:
<iron-selector selected="0">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</iron-selector>
If you want to use the attribute value of an element for selected
instead of the index,
set attrForSelected
to the name of the attribute. For example, if you want to select item by
name
, set attrForSelected
to name
.
Example:
<iron-selector attr-for-selected="name" selected="foo">
<div name="foo">Foo</div>
<div name="bar">Bar</div>
<div name="zot">Zot</div>
</iron-selector>
You can specify a default fallback with fallbackSelection
in case the selected
attribute does
not match the attrForSelected
attribute of any elements.
Example:
<iron-selector attr-for-selected="name" selected="non-existing"
fallback-selection="default">
<div name="foo">Foo</div>
<div name="bar">Bar</div>
<div name="default">Default</div>
</iron-selector>
Note: When the selector is multi, the selection will set to fallbackSelection
iff
the number of matching elements is zero.
iron-selector
is not styled. Use the iron-selected
CSS class to style the selected element.
Example:
<style>
.iron-selected {
background: #eee;
}
</style>
...
<iron-selector selected="0">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</iron-selector>
IronSelectableBehavior no longer updates its list of items synchronously when it is connected to avoid triggering a situation introduced in the Custom Elements v1 spec that might cause custom element reactions to be called later than expected.
If you are using an element with IronSelectableBehavior and ...
items
, selectedItems
, etc.)... you should wait for the element to dispatch an iron-items-changed
event instead.
Polymer.dom.flush()
no longer triggers the observer used by
IronSelectableBehavior to watch for changes to its items. You can call
forceSynchronousItemUpdate
instead or, preferably, listen for the
iron-items-changed
event.
selectedValues
and selectedItems
now have empty arrays as default
values. This may cause bindings or observers of these properties to
trigger at start up when they previously had not.FAQs
Manages a set of elements that can be selected
The npm package @polymer/iron-selector receives a total of 11,466 weekly downloads. As such, @polymer/iron-selector popularity was classified as popular.
We found that @polymer/iron-selector demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.