Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: [Fixed in 6.5.1] Edge picker is hidden when clicking on it a second time

    You found a bug! We've classified it as EXTJS-27544 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium User
    Join Date
    Jun 2017
    Posts
    17

    Default [Fixed in 6.5.1] Edge picker is hidden when clicking on it a second time

    The edge picker for the combobox in the material theme for the modern application hides when clicking to pick a choice from the combobox the second time.
    First time it looks like this: Screen Shot 2017-07-13 at 12.50.35 PM.png

    And after I select one and want to pick another one this shows: Screen Shot 2017-07-13 at 12.54.23 PM.png

    I noticed that the style attached to the picker changes when it is clicked a second time.

    The style of the picker when it is clicked the first time is this:

    HTML Code:
    height: 220px; left: 0px; right: 0px; bottom: 0px; transform: translate3d(0px, 0px, 0px);
    The style of the picker when it is clicked the second time is this:
    HTML Code:
    style="height: 220px; left: 0px; right: 0px; bottom: 0px; transform: translate3d(16px, 253px, 0px); width: 382px;"
    Notice that the transform values are different and that a width component is added. If you remove the transform and the width of the style, the picker will show like normal.

    Is there anyway I can fix this now? I have tries adding css to it, but the style of the picker overrides it, even when I use the !important. Sometimes the picker won't open at all.

    Thank you so much!

  2. #2
    Sencha User Mark.Brocato's Avatar
    Join Date
    Mar 2015
    Location
    Maryland
    Posts
    482

    Default

    Are you using Ext JS or ExtReact? I know there are some fixes related to modal/masking coming in 6.5.1. Have you tried the latest nightly?

  3. #3
    Sencha Premium User
    Join Date
    Jun 2017
    Posts
    17

    Default

    I am using Ext JS. I have not tried the latest nightly, I will give it a try.

    Thank you!

  4. #4
    Sencha Premium User
    Join Date
    Jun 2017
    Posts
    17

    Default

    I just noticed I posted this bug in the ExtReact forum. Is there any way I can move it? Sorry.

  5. #5
    Sencha User Mark.Brocato's Avatar
    Join Date
    Mar 2015
    Location
    Maryland
    Posts
    482

    Default

    No worries, I've moved it for you.

  6. #6
    Sencha User
    Join Date
    Apr 2017
    Posts
    4

    Default

    i have had the same problem in version 6.5.0, in 6.5.1 it seems to have been solved.

  7. #7
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Good to know. If anyone is still seeing this in 6.5.1, please post a test case.
    https://fiddle.sencha.com/#view/editor

  8. #8
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goiânia - GO, Brazil
    Posts
    902

    Default

    I have this same problem on selectfield on Ext 6.5.2 theme-material but can't reproduce it in fiddle.

    if you select a value and show picker again the width is diferent

    img-2017-10-11-17-06-59.png
    Wemerson Januario @JanuarioCoder
    Novanti Tecnologia, Sencha MVP/ Ext JS Consultant
    ____________________________________________
    Hire me on UpWork:

    GitHub
    https://github.com/wemersonjanuario

    Treinamento e Consultoria Ext JS. QUALIFIQUE-SE JÁ!

  9. #9
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goiânia - GO, Brazil
    Posts
    902

    Default

    any update/workaround on this? to reproduce this issue, use theme-material on coworkee example.
    Wemerson Januario @JanuarioCoder
    Novanti Tecnologia, Sencha MVP/ Ext JS Consultant
    ____________________________________________
    Hire me on UpWork:

    GitHub
    https://github.com/wemersonjanuario

    Treinamento e Consultoria Ext JS. QUALIFIQUE-SE JÁ!

  10. #10
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goiânia - GO, Brazil
    Posts
    902

    Default

    Here is a test case https://fiddle.sencha.com/#view/editor&fiddle/2m3a

    to reproduce this issue, use theme-material and configure fields with required: true and run as phone on chrome
    Wemerson Januario @JanuarioCoder
    Novanti Tecnologia, Sencha MVP/ Ext JS Consultant
    ____________________________________________
    Hire me on UpWork:

    GitHub
    https://github.com/wemersonjanuario

    Treinamento e Consultoria Ext JS. QUALIFIQUE-SE JÁ!

Page 1 of 2 12 LastLast

Similar Threads

  1. [OPEN] BUG: Cell editor doesn't blur when clicking button. (Edge only) Fiddle inside,
    By Fredric Berling in forum Ext JS 6.x Bugs
    Replies: 2
    Last Post: 8 Jan 2018, 11:21 PM
  2. Replies: 3
    Last Post: 10 Jul 2017, 11:17 AM
  3. Replies: 1
    Last Post: 2 Dec 2014, 10:17 AM
  4. Replies: 1
    Last Post: 3 Feb 2014, 10:44 AM
  5. Replies: 2
    Last Post: 28 Feb 2008, 11:11 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •