Results 1 to 4 of 4

Thread: 6.5.0 Modern - Button ripple issues

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-26027 in 6.5.2.
  1. #1
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Default 6.5.0 Modern - Button ripple issues

    https://fiddle.sencha.com/#fiddle/2390&view/editor

    (description of issues - see fiddle for details)

    Ripple Issue #1
    • Button toggles
    • ripple effect before pressed changes !pressed → pressed
    • ripple effect after pressed changes pressed → !pressed
    • behaviour is strange to me because of that different timing



    Ripple Issue #2 → solution fur issue #1?
    • Button toggles
    • ripple effect always after pressed changed
    • ripple effect color is 'wrong' to me, as the effect is nearly invisible :/
    • also one have to configure the ripple for all buttons or the effect is different :/
    • in general: user experience is suboptimal
    • that leads to my possible solution …



    Solution for Issues #1&2 + Question

    • Button toggles
    • ripple effect always after pressed changed
    • ripple effect is visible
    • one have to configure the ripple for all buttons :/
    • i have to disable the ripple and execute it by myself on tapping :/
    • Question: will be a fix for issue #1 or do i need to write an override for my applications

  2. #2
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Default issues still present in 6.5.1.345

    but it seems that no one cares about it

  3. #3
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    It seems that the ripple happens on touchstart by default.

    And the config which changes that behaviour seems to be processed incorrectly in that the sense seems wrong. I will create a ticket linked to this thread and discuss it.

    Meanwhile, see a potential solution in the updated fiddle. Either for a single button, or for all buttons.

    I suspect that you might have to change your code to release: true in 6.5.2!

    In fact the ripple config can be an object that is passed through to http://docs.sencha.com/extjs/6.5.1/m...#method-ripple so that's a documentation failure too.

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

Similar Threads

  1. Replies: 1
    Last Post: 25 Jan 2019, 3:06 AM
  2. Replies: 1
    Last Post: 8 Mar 2017, 6:01 PM
  3. ST 2.2 and Ripple
    By TButton in forum Sencha Touch 2.x: Q&A
    Replies: 8
    Last Post: 24 Jun 2013, 12:07 AM
  4. Water Ripple Effect?
    By databell in forum Sencha Animator Help & Discussion
    Replies: 1
    Last Post: 9 Jan 2011, 1:32 PM

Posting Permissions

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