element-plus [Component] [table-v2] [table-v2]Virtualized Table can not scroll by touch screen

jv2fixgn  于 2个月前  发布在  其他
关注(0)|答案(5)|浏览(35)

Bug Type: Component

Environment

  • Vue Version: 3.2.47
  • Element Plus Version: 2.2.32
  • Browser / OS: Chrome 110.0.5481.178
  • Build Tool: Vue CLI

Reproduction

  • el-table-v2

Element Plus Playground

Steps to reproduce

1.link to any el-table-v2 playground
2.press 'f12' to inspect
3.press 'ctrl+shift+M'

What is Expected?

the table can scroll by touch screen

What is actually happening?

the table can not scroll by touch screen

Additional comments

(empty)

dy1byipe

dy1byipe1#

Hello @hxjason1118, it's happening because of the touch screen did not affect the scroll event.
ElementPlus not included the touch screen yet.

8yoxcaq7

8yoxcaq72#

Where does this information come from?
ElementPlus not included the touch screen yet.

And why is only the table-v2 affected? Other components with scrollbar work fine.

uoifb46i

uoifb46i3#

I've encountered the exact same problem.
Is it possible to make it possible to scroll table-v2 by touch somehow?

tv6aics1

tv6aics14#

to reproduce go to Your web https://element-plus.org/en-US/component/table-v2.html#auto-resizer on mobile and try scrolling the table horizontally to the 9th column. It not works :( (but eg in dev tools of chrome on desktop it works for mobile type device).

ulmd4ohb

ulmd4ohb5#

A workaround is to inject overflow css like:
:deep(.el-table-v2__body) > div:nth-child(1)
overflow auto !important

相关问题