Git Product home page Git Product logo

Comments (3)

andrewpye avatar andrewpye commented on May 28, 2024 1

@tomnez thanks for investigating! I think we should definitely update to use value={{value}} instead of value={{selectedOption}} (that just seems like a small bug that slipped through). I've tested something like your suggested fix of passing selected explicitly on the option element and it seems to solve the problem. I'd say let's roll with that - I'd rather differ slightly from the React code and have the same functionality/lack of bugs, than match their code word-for-word 😉 The only thing I'd suggest would be to pass selected={{eq opt.value value}} since it seems slightly more prudent to match on the underlying values rather than on labels. I'll let you put a PR up to claim the glory for this one! 💪🔥

from ember-polaris.

tomnez avatar tomnez commented on May 28, 2024

@andrewpye I looked into this and can't really see any big difference in implementation other than us using value={{selectedOption}} instead of value={value} to set the value attr of the select tag. But changing to value={{value}} doesn't make a difference either.

I tried waiting until selectedOption was set to render the select field, but that didn't help (thought maybe it could be a weird render issue with setting value after render or something).

The only thing that seemed to work for me was explicitly adding a selected attr to the option tags:

<option
  selected={{eq selectedOption opt.label}}
  value={{opt.value}}
  disabled={{opt.disabled}}
  hidden={{opt.hidden}}
>

but that goes against the React implementation so I'm not sure if we want to do that. Thoughts?

from ember-polaris.

andrewpye avatar andrewpye commented on May 28, 2024

Closed in #245

from ember-polaris.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.