<br />
<b>Warning</b>:  The magic method SFML_Singleton::__wakeup() must have public visibility in <b>/home/public/wp-content/plugins/sf-move-login/inc/classes/class-sfml-singleton.php</b> on line <b>72</b><br />
{"id":215,"date":"2017-09-01T12:21:52","date_gmt":"2017-09-01T18:21:52","guid":{"rendered":"http:\/\/www.munderwood.ca\/?p=215"},"modified":"2017-09-01T12:21:52","modified_gmt":"2017-09-01T18:21:52","slug":"clearing-an-ember-paper-select-component","status":"publish","type":"post","link":"https:\/\/www.munderwood.ca\/index.php\/2017\/09\/01\/clearing-an-ember-paper-select-component\/","title":{"rendered":"Clearing an Ember Paper select component"},"content":{"rendered":"<p>To allow users to clear the selection of an <a href=\"http:\/\/miguelcobain.github.io\/ember-paper\">Ember Paper<\/a> <span class=\"lang:default decode:true  crayon-inline \">{{paper-select}}<\/span>\u00a0component, simply pass it the\u00a0<span class=\"lang:default decode:true  crayon-inline \">allowClear=true<\/span>\u00a0option:<\/p>\n<pre class=\"lang:default mark:4 decode:true \" title=\"Allowing a paper-select component to be cleared\">{{#paper-select\r\n    placeholder=\"Select a thing...\"\r\n    required=false\r\n    allowClear=true\r\n    ...\r\n}}<\/pre>\n<p>This option is passed along to the <a href=\"http:\/\/www.ember-power-select.com\/\">ember-power-select<\/a> component that ember-paper uses under the hood, so the resulting clear button can be styled accordingly. For example,<\/p>\n<pre class=\"lang:sass decode:true\" title=\"Styling the clear-selection button\">.ember-power-select-clear-btn {\r\n  position: absolute;\r\n  right: 25px;\r\n}<\/pre>\n<p>Thanks to <a href=\"https:\/\/github.com\/miguelcobain\">@miguelcobain<\/a> for this tip on the <a href=\"https:\/\/embercommunity.slack.com\/messages\/e-paper\">community Slack channel<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To allow users to clear the selection of an Ember Paper {{paper-select}}\u00a0component, simply pass it the\u00a0allowClear=true\u00a0option: {{#paper-select placeholder=&#8221;Select a thing&#8230;&#8221; required=false allowClear=true &#8230; }} This option is passed along to the ember-power-select component that ember-paper uses under the hood, so the resulting clear button can be styled accordingly. For example, .ember-power-select-clear-btn { position: absolute; right: &#8230; <span class=\"more\"><a class=\"more-link\" href=\"https:\/\/www.munderwood.ca\/index.php\/2017\/09\/01\/clearing-an-ember-paper-select-component\/\">[Read more&#8230;]<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[9,12],"_links":{"self":[{"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/posts\/215"}],"collection":[{"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":6,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/posts\/215\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.munderwood.ca\/index.php\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}