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
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
3 Answers, 1 is accepted
0
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
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!
0
Mike
Top achievements
Rank 1
Rank 1
answered on 18 Nov 2011, 03:52 PM
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
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
0
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
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!