Results 1 to 7 of 7

Thread: Issues with touch-enabled devices and Chrome

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Jun 2013
    Location
    Marietta, GA
    Posts
    16

    Default Issues with touch-enabled devices and Chrome

    Ext version tested:
    • ExtJs 5.1.1
    Browser versions tested against:
    • Chrome 43
    Description:
    There are several issues with touch enabled devices such as laptops with touch screens in Chrome.
    • Grid drag and drop does not work.
    • URL routes get cleared (#something).
    • Form validation issues.
    • QTips do not work.
    Steps to reproduce the problem:
    You can reproduce this by using a touch enabled device or by enabling touch in chrome flags: chrome://flags/#touch-events. Here is where you can see the individual issues:
    The result that was expected:
    • All of the above to work.
    The result that occurs instead:
    • Enabling touch breaks a lot of things.
    By default, Chrome has touch events set to automatic. For touch enabled devices, that means "Enabled". I found these issues just spending half an hour in Kitchen Sink.

  2. #2
    Sencha Premium Member
    Join Date
    Oct 2007
    Posts
    13

    Exclamation

    I just discovered this to be my issue too on Windows 8.1 Not just in Chrome, but also in Internet Explorer. Another way to reproduce these issues is by Enabling/Disabling the touch screen in the Device Manager.
    In the Device Manager, go to "Human Interface Devices" -> "HID-compliant touch screen" and disable it. When disabled, all these issues go away.

    This is of course by no means a fix for the problem, but at least I know the cause now. It's been really bothering me since I upgraded from ExtJs 4.x to 5.x.

    Does anybody know of a way to set some kind of flag in my code when the webpage loads to disable this functionality just for the current web page?

  3. #3
    Sencha Premium Member
    Join Date
    Jun 2013
    Location
    Marietta, GA
    Posts
    16

    Default

    Any feedback from Sencha support team on this?

  4. #4
    Sencha - Sustaining Engineer tristan.lee's Avatar
    Join Date
    Mar 2015
    Location
    Central Ohio
    Posts
    1,579

    Default

    Thanks for reporting. Currently we do have tickets open for the grid and tooltip issues. I'm working to test the URL routes and form validation issues and will provide feedback once it's available.
    Tristan Lee
    Sencha Inc - Sustaining Engineer


    Having an issue? Help us help you - be detailed; provide some code; demonstrate with a fiddle (fiddle.sencha.com)

    Embed your fiddle in your post: [FIDDLE]id[/FIDDLE]

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2007
    Posts
    13

    Exclamation

    Still no update on this??? Sencha team? You do realize your 5.x framework is broken for anybody running Windows 8 with any browser, right? Frameworks 4.x and 6.x appear to be working fine. I'm surprised you're letting this issue stay open for so long. It's very annoying and is having a big impact on my customers user experience.

  6. #6
    Sencha - Sustaining Engineer tristan.lee's Avatar
    Join Date
    Mar 2015
    Location
    Central Ohio
    Posts
    1,579

    Default

    The issues with the grid and tooltip are set to be fixed in 5.1.2. The problem of multiple error icons has been logged in our bug tracker, but as of now I'm not sure of its fix version.

    I've been unable to reproduce the issue with the route being cleared.
    Tristan Lee
    Sencha Inc - Sustaining Engineer


    Having an issue? Help us help you - be detailed; provide some code; demonstrate with a fiddle (fiddle.sencha.com)

    Embed your fiddle in your post: [FIDDLE]id[/FIDDLE]

  7. #7
    Ext JS Premium Member
    Join Date
    Jun 2009
    Posts
    63

    Default

    Possible fix/workaround for URL-Route problem:

    Code:
    Ext.define('Perbility.fix.menu.Item', {
        override: 'Ext.menu.Item',
        
        beforeRender: function() {
            var me = this;
            
            me.callParent(arguments);
            
            if (Ext.isChrome && Ext.supports.Touch) {
                me.renderData.href = me.href || 'javascript:void(0)';
            }
        }
    });

Similar Threads

  1. Drag&Drop issues using app from touch devices
    By Fabrizio.ExDev in forum Ext 5: Q&A
    Replies: 3
    Last Post: 11 Mar 2015, 11:26 PM
  2. code works in chrome on my PC but doesn't work in my devices
    By franva in forum Sencha Touch 2.x: Q&A
    Replies: 5
    Last Post: 29 Apr 2014, 9:01 PM
  3. [INFOREQ] error on drag and touch move events in Chrome on windows touch screen devices
    By jensen83 in forum Sencha Touch 2.x: Bugs
    Replies: 11
    Last Post: 25 Oct 2013, 4:00 AM
  4. Chrome 21 beta and Touch display issues
    By estesbubba in forum Sencha Touch 2.x: Discussion
    Replies: 2
    Last Post: 18 Jul 2012, 6:39 AM
  5. performance issues on low end android devices?
    By elwdev in forum Sencha Touch 2.x: Discussion
    Replies: 2
    Last Post: 1 May 2012, 4:02 AM

Posting Permissions

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