Open Closed

Dropdown Input Focus #3620


0
mumfie created

Hello,

Is there a way to identify when a dropdown recieves input focus via the tab key or mouse using metronic material design theme?

Host and Tenant Settings do not appear to identify input focus using MVC Core + JQuery version.

The following link is an example with working dropdown. <a class="postlink" href="http://keenthemes.com/preview/metronic/theme/admin_4_material_design/form_controls_md.html">http://keenthemes.com/preview/metronic/ ... ls_md.html</a>

Thanks and Regards Colin


10 Answer(s)
  • 0
    ismcagdas created
    Support Team

    Hi @mumfie,

    It seems like AspNet Zero acts differently than metronic here. We should investigate why this happens.

    I have tried it with angular 2 version. Can you also share your template type ? I will create an issue for this.

    Thanks.

  • 0
    mumfie created

    MVC Core + JQuery and I also checked it with your latest release. Thanks

  • 0
    ismcagdas created
    Support Team

    Thanks,

    I also checked and there is a problem.

  • 0
    mumfie created

    <cite>ismcagdas: </cite> Thanks,

    I also checked and there is a problem.

    Any ideas how to resolve this issue ?

  • 0
    alper created
    Support Team

    hi

    actually it focuses to element. if you come to dropdown with tab and use arrow keys you'll see that dropdown changes.

  • 0
    mumfie created

    <cite>alper: </cite> hi

    actually it focuses to element. if you come to dropdown with tab and use arrow keys you'll see that dropdown changes.

    Hi alper, The issue is there is no visual indication that the dropdown has input focus. Attached is the metronic sample which clearly indicates the dropdown has focus. [attachment=0:2qu9gzuz]Dropdown_VisualInputFocus.jpg[/attachment:2qu9gzuz]

  • 0
    ismcagdas created
    Support Team

    Hi @mumfie,

    I have created an issue here <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/issues/384">https://github.com/aspnetzero/aspnet-ze ... issues/384</a>. We will work on this issue in a short time.

    Thanks.

  • 0
    mumfie created

    <cite>ismcagdas: </cite> Hi @mumfie,

    I have created an issue here <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/issues/384">https://github.com/aspnetzero/aspnet-ze ... issues/384</a>. We will work on this issue in a short time.

    Thanks. Thank you :)

  • 0
    ismcagdas created
    Support Team

    Hi @mumfie,

    I have checked with latest version of AspNet Zero and it seems like it is working as expected. Can you also check that ? It might be related to metronic and we updated to metronic v4.7 after your first report of this issue.

    Thanks.

  • 0
    mumfie created

    <cite>ismcagdas: </cite> Can you also check that ?

    Hello ismcagdas, I have doubled checked the issue although the screendumps above were using CORE+jQuery version 4.3.1. Upon further investigation it appears to be a difference between Google Chrome and Edge browsers. However the metronic example does still visually identify that the dropdown has input focus with Google chrome because the underline is thicker and a different colour.

    Edge Browser [attachment=2:3qri3sqd]Edge.jpg[/attachment:3qri3sqd] Google Chrome [attachment=1:3qri3sqd]Chrome.jpg[/attachment:3qri3sqd] Metronic Sample Google Chrome [attachment=0:3qri3sqd]Metronic_Chrome.jpg[/attachment:3qri3sqd]