Core-menu selected value not displaying in paper-dropdown in Safari (Polymer 0.5.4)

466 views
Skip to first unread message

Kelly St. John

unread,
Apr 10, 2015, 7:50:48 PM4/10/15
to polym...@googlegroups.com
I am using polymer 0.5.4 and I'm noticing that the user's core-menu selection does not display in paper-dropdown in Safari.  In other words, the dropdown control appears fine and the pop-up/overlay showing the appropriate dropdown options displays just fine when expanded, but if the user selects one of the dropdown options, the selected value is not showing in the paper-dropdown.  Has anyone encountered this and know the solution for this version of Polymer?  I'm assuming it isn't something specific to what I have done, as I see the issue may have already been eluded to in an existing reported git issue (https://github.com/Polymer/paper-dropdown-menu/issues/43), but just in case here are the pertinent code excerpts of my code for your review:

<template if="{{controlType == 'dropdown'}}">

   
<div vertical layout>
       
<span id="dropdownLabel">{{controlLabel}}</span>
       
<div horizontal layout>
           
<paper-dropdown-menu id="{{controlId}}" label="">
                <paper-dropdown class="dropdown" halign="right" layered>
                   
<core-menu class="menu" selected="{{selectedValue}}" valueattr="id" on-core-select="{{ valueSelected }}">
                       
<template repeat="{{value, i in controlDropdownOptions}}">
                           
<paper-item id="{{value.id}}">
                               
<template if="{{value.iconPath}}">
                                   
<core-icon src="{{value.iconPath}}"></core-icon>&nbsp;&nbsp;
                                </template>
                                {{value.label}}
                           
</paper-item>
                       
</template>
                   
</core-menu>
               
</paper-dropdown>
           
</paper-dropdown-menu>
       
</div>
   
</div>
</template>


valueSelected: function(e, detail, sender) {
    /* Event designed to listen for dropdown box selection changes.
    if (detail.isSelected) {
       
// Pass to the listener an object representing the property that was changed by this element
        this.fire('property-change', {newProperty: this.propertyChanged(sender)});
    }
}


Kelly St. John

unread,
Apr 14, 2015, 11:48:11 AM4/14/15
to polym...@googlegroups.com
Just checking up on this issue.  Has anybody run into the same 'blank' dropdown selection problem in Safari using Polymer 0.5.4?

Any guidance (other than suggesting to upgrade polymer because I can't at the moment), would be very much appreciated!

Thanks!

Kelly St. John

unread,
Apr 15, 2015, 11:49:07 AM4/15/15
to polym...@googlegroups.com

On Friday, 10 April 2015 16:50:48 UTC-7, Kelly St. John wrote:

Kelly St. John

unread,
May 4, 2015, 1:15:06 PM5/4/15
to polym...@googlegroups.com
I'm sure someone has run into this issue on Safari.  Can anyone help me out with this one?
Reply all
Reply to author
Forward
0 new messages