fullPage.js
fullPage.js copied to clipboard
Can't select text by click-and-drag when using scrollOverflow
Cannot select text by click-and-drag when scrollOverflow=true
, the movement however drags the section. The problem does not reproduce when scrollOverflow=false
. Selecting text by Ctrl-A or Shift-Arrow Key is still possible (only inside focus-able elements like <textarea>
). Please make a fix on this.
Link to isolated reproduction with no external CSS / JS
https://jsfiddle.net/7f58uoyw/ (jQuery 3.1.1, fullPage.min.js 2.9.2, scrolloverflow.min.js 2.9.2)
Steps to reproduce it
Try to select any text by clicking and dragging the cursor.
Versions
Chrome Version 55.0.2883.87 m
Try using the following fullPage.js option:
scrollOverflowOptions: {
preventDefault: false
},
Not sure of the consequences this might have on some devices, but let me know if you find any.
preventDefault: false
didn't do it for me, and as you can see in your jsfiddle, it is pretty difficult to select multi-line text in the orange section.
scrollOverflowOptions: { disablePointer: true, },
however solved my particular problem.
None of the aforementioned options exist anymore as of version 3.0.1. dragAndMove
has been added and requires a license.
Are the easiest ways to select text w/ scrollOverflow just using an older version or buying a license?
EDIT: Because iscroll is now used, this is handled by setting scrollOverflowOptions: {preventDefault:false}
None of the aforementioned options exist anymore as of version 3.0.1.
Sure they do. Those options are for iScroll, the vendor library used when using scrolloverflow, and therefore has nothing to do with the new fullPage.js version.
See this demo.
dragAndMove has been added and requires a license.
Drag And Move has nothing to do with scrollOverflow. In fact, they are not fully compatible.
@magnussuther Thank you man! you're a lifesaver)