search

bensladden / vue-responsive-dash

Responsive, Draggable & Resizable Dashboard (Grid) for Vue
https://vue-responsive-dash.netlify.com
MIT License
260 stars 43 forks source link

Locked DashItem prevents touch scrolling #230

Open djm2k opened 4 years ago

djm2k commented 4 years ago

Hi Ben, love your work.

I've had great success with a global lock/unlock button toggling the locked property of each DashItem.

However, on devices with touch screens, scrolling is prevented whilst attempting to start a page scroll from a locked DashItem.

I hope I've explained the issue clear enough. Any help would be much appreciated.

djm2k commented 4 years ago

I've found a fix, not sure if this should be expected behaviour or not:

Add :class="{locked: $store.getters.isLocked}" to DashItem template.

Add the following css:

.locked {
  touch-action: auto !important;
}
bensladden commented 4 years ago

Hi, Thanks for your input, Ill have a look into this when able.