Look & Feel of DropDownList

4 posts, 0 answers
  1. Mike
    Mike avatar
    14 posts
    Member since:
    Sep 2011

    Posted 17 Nov 2011 Link to this post

    Hi,

    I've played around a bit with the controls on the demo site and would like to give you some quick feedback about the DropDownList control (e.g. http://demos.kendoui.com/overview/index.html -> country list)

    This control feels unnatural to me. The reasons, in my view, are:

    1. Inconsistent: Compared to other kendo UI controls (e.g. buttons) or the standard HTML controls, the DropDownList has a 3D effect -> a shadow

    2. Delay: When I hoover over the DropDownList it gets highlighted. Only after a short (but visible) delay of may be 50ms, it pops-out the shadow (testes in Chrome)

    3. Mouse Pointer: When I click on the DropDownList, the mouse pointer changes from the arrow to a ....text marker (-> see screenshot attached) and then back to the arrow

    4. Performance: The reaction of the DropDownList feels slow/not reactive compared to standard HTML DropDownList controls

    Note: With "standard HTML DropDownList controls" I mean e.g. chrome://settings/browser (type this URL into your chrome address bar).

    Regards,
    Mike
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Nov 2011 Link to this post

    Hello Mike,

    Thank you for the feedback, it is valuable to us.

    1. Actually this was a design push and the Button is inconsistent, but we will update it for the release. The shadow is placed there to indicate that the control is currently focused.
    2. There is a CSS transition effect running when the shadow is shown, hence the delay. The issue is that Chrome handling of transitions is still rather broken and the animation can be jerky. We may consider removing that transition.
    3. I couldn't reproduce this issue without moving the pointer slightly when holding down the mouse, which starts text selection and the marker changes to the text one to support that.
    4. This is again due to Chrome's awful handling of CSS transitions. Since there are other similar issues there, we decided to stop transitions for the Popup in Chrom. The dropdown opens much smoother now there.

    Best wishes,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Mike
    Mike avatar
    14 posts
    Member since:
    Sep 2011

    Posted 18 Nov 2011 Link to this post

    Hi Kamen, 
    Thanks for your answer. In regard to 3: In my tests when holding down the mouse, it always shows the marker. However, I think it should not show the marker at all if the user can't change/edit the text of an entry.
    Mike
  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 22 Nov 2011 Link to this post

    Hello Mike,

    Unfortunately Chrome and Safari switch to the text marker when selecting regardless of what is specified in CSS (even if there is -webkit-user-select: none), so this can't be done.

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top