Keep drawer from showing while trying to select text

3 posts, 0 answers
  1. Steve
    Steve  avatar
    2 posts
    Member since:
    Jan 2012

    Posted 11 Mar 2020 Link to this post

    For a sample: user your demo here:

    To reproduce:  Attempt to select the text : "Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday" by clicking of the left of the H in Hi and dragging right.  You'll notice the drawer opens and becomes semi-cumbersome to select the text. 

    My issue:  My users need to be able at times to select the text that is in the display window of the drawer to select for clipboard use.   Each time I click on some text  and drag right the drawer opens. 

    Is there a way to prevent the drawer from activating while I'm trying to select text?  Can i put an attribute in the div wrapper that prevents it from listening for an open?   My users aren't going to be using this on a tablet or phone so I don't need a 'touch' type show event to occur.  I only want the drawer to open/close when the three lines are clicked. 

  2. Steve
    Steve  avatar
    2 posts
    Member since:
    Jan 2012

    Posted 12 Mar 2020 in reply to Steve Link to this post

    I'm going to answer my own post.  I didn't realize there was an option when constructing the drawer named : swipeToOpen.  I set mine to false and it works perfectly.  
  3. Viktor Tachev
    Viktor Tachev avatar
    2499 posts

    Posted 13 Mar 2020 Link to this post

    Hello Steve,


    Thank you for updating the thread with the solution.

    Indeed there is a swipeToOpen option for the Drawer widget and it is enabled by default. Disabling it will enable selecting the text without opening the drawer.


    Viktor Tachev
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top