Hey Lourens, Sounds reasonable, I'll put it on the list of properties to consider for a future release. If you run into any other properties you tend to use often but the lib doesn't support, add a note to this issue. <https://github.com/mdgriffith/style-elements/issues/2>
Vendor prefixing doesn't currently happen but is planned. In the meantime, you can set it using `Style.property "user-select" "none"` and setting the vendor prefixes in the same way: Style.property "-webkit-user-select" "none". -Matt On Sat, Dec 31, 2016 at 10:21 AM, Lourens Rolograaf <[email protected]> wrote: > Hi Matt, > > For using a div as if it were a button, I would like to make the > caption-text un-selectable when there is any mousemovement during click. > This could be done with vendor-prefixed `user-select: none` according > https://stackoverflow.com/questions/826782/how-to-disable-text-selection- > highlighting-using-css > Any chance of this feature in Style-elements-lib? > > Thx > Lawrence > > Op maandag 31 oktober 2016 16:04:24 UTC+1 schreef Matthew Griffith: > >> Yeah, this library is more about smart styling in elm rather than >> interfacing with polymer. Since we can do mixins in elm, native mixins >> probably won't be supported :/ >> >> I have thought that you could make a polymer or mdl type library in pure >> elm using the style-elements library, though it would just cover the >> styling/animation portion, not full behavior type stuff. >> >> You've probably seen the thread discussing elm and polymer, the result of >> that discussion might fit your needs more closely once they finish. >> >> >> >> >> >> On Monday, October 31, 2016 at 9:40:37 AM UTC-4, Ed Ilyin wrote: >>> >>> yeah, but to use polymer elements, native css mixins are required :( >>> >>> Il giorno lun 31 ott 2016 alle ore 14:51 Matthew Griffith < >>> [email protected]> ha scritto: >>> >>>> No, it won't render as a native css mixin, it just gives you the >>>> functionality of a mixin in your elm code. >>>> >>>> >>>> >>>> On Monday, October 31, 2016 at 7:55:38 AM UTC-4, Ed Ilyin wrote: >>>> >>>>> Will it render native CSS mixin? >>>>> >>>>> Actually I can't figure out how to create native CSS mixins even using >>>>> elm-css module. >>>>> >>>>> Il giorno lun 31 ott 2016 alle ore 13:49 Matthew Griffith < >>>>> [email protected]> ha scritto: >>>>> >>>>>> You can create a mixin as a function. >>>>>> >>>>>> >>>>>> >>>>>> myMixin : Style.Model -> Style.Model >>>>>> myMixin style = >>>>>> { style >>>>>> | visibility = hidden >>>>>> } >>>>>> >>>>>> myMixinColor : Style.Model -> Style.Model >>>>>> myMixinColor style = >>>>>> { style >>>>>> | colors = palette.blue >>>>>> } >>>>>> >>>>>> >>>>>> dropDown : List (Html.Attribute a) -> List (Element a) -> Element a >>>>>> dropDown = >>>>>> element >>>>>> ({ base >>>>>> | width = px 300 >>>>>> , padding = all 20 >>>>>> , spacing = topBottom 40 >>>>>> } >>>>>> |> myMixin >>>>>> |> myMixinColor >>>>>> ) >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> On Monday, October 31, 2016 at 5:16:43 AM UTC-4, Ed Ilyin wrote: >>>>>> >>>>>>> I'm actively using Polymer Paper Elements. And they accept mixings >>>>>>> like this: >>>>>>> ```css >>>>>>> paper-dropdown-menu { >>>>>>> --paper-input-container-input: { >>>>>>> color: white; >>>>>>> } >>>>>>> --paper-input-container-underline: { >>>>>>> display: none; >>>>>>> } >>>>>>> --paper-dropdown-menu-icon: { >>>>>>> color: white; >>>>>>> } >>>>>>> --paper-input-container-focus-color: white; >>>>>>> } >>>>>>> ``` >>>>>>> how to do the same using style-elements library? >>>>>>> >>>>>>> Il giorno ven 28 ott 2016 alle ore 19:34 Matthew Griffith < >>>>>>> [email protected]> ha scritto: >>>>>>> >>>>>> So, taking a look at it, direct support for keyed will be super easy >>>>>>>> and will absolutely show up in v1.1.0. >>>>>>>> >>>>>>>> And I believe I have a way to directly support lazy as well, though >>>>>>>> I want to try it out before confirming completely. >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> On Friday, October 28, 2016 at 12:28:17 PM UTC-4, Mark Hamburg >>>>>>>> wrote: >>>>>>>> >>>>>>>>> On Oct 28, 2016, at 7:28 AM, Matthew Griffith <[email protected]> >>>>>>>>> wrote: >>>>>>>>> >>>>>>>>> 2. You can use Keyed and Lazy on a parent element (the one >>>>>>>>> created by *Style.Elements.build*). You could use >>>>>>>>> *Style.Elements.build* in a child view and then use >>>>>>>>> *Style.Elements.html >>>>>>>>> *to integrate it into the main view, using keyed or lazy in the >>>>>>>>> process. That feels a bit roundabout and I believe there could be a >>>>>>>>> better way. I'll just have to give it some thought as to how it'd >>>>>>>>> work :). >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> Keyed as it turns out is central to getting stateful DOM elements >>>>>>>>> to behave reliably. >>>>>>>>> >>>>>>>>> But I'm looking forward to trying this library out. >>>>>>>>> >>>>>>>>> Mark >>>>>>>>> >>>>>>>>> -- >>>>>>>> You received this message because you are subscribed to the Google >>>>>>>> Groups "Elm Discuss" group. >>>>>>>> >>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>> send an email to [email protected]. >>>>>>> >>>>>>> >>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>> >>>>>>> -- >>>>>> You received this message because you are subscribed to the Google >>>>>> Groups "Elm Discuss" group. >>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>> send an email to [email protected]. >>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>> >>>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Elm Discuss" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> -- > You received this message because you are subscribed to a topic in the > Google Groups "Elm Discuss" group. > To unsubscribe from this topic, visit https://groups.google.com/d/ > topic/elm-discuss/2GX6L4SGVwA/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > [email protected]. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
