You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/06/01 09:59:08 UTC
[GitHub] [echarts] Nancy2013 opened a new issue, #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Nancy2013 opened a new issue, #17144:
URL: https://github.com/apache/echarts/issues/17144
### Version
5.3.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
1、显示折线图
2、点击item显示tooltip
3、自定义tooltip里面的dom样式
4、点击tooltip中的onclick事件，显示遮罩蒙版
5、再次点击蒙版，tooltip会消失
### Current Behavior
点击遮罩蒙版，tooltip会隐藏，而item保持高亮状态
### Expected Behavior
点击遮罩蒙版时，tooltip能保持显示状态
### Environment
```markdown
OS：iPhoneX
Browser: Chrome 101.0.4951.67
Framework ：Vue 2.5
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] plainheart commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1143425708
设置 [`enterable`](https://echarts.apache.org/option.html#tooltip.enterable) 为 `true` 了吗？
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Nancy2013 commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
Nancy2013 commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1143595301
> 设置 [`enterable`](https://echarts.apache.org/option.html#tooltip.enterable) 为 `true` 了吗？
是的，tooltip设置了enterable为true，不设置这个属性，点击tooltip时会出现点击穿透现象
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Nancy2013 commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
Nancy2013 commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144533147
> 感觉好像也正常，移动端的 hover 事件是需要点击才能触发，再次点击后才会消失。你是希望无论在 PC 端还是移动端，点击后都要保持显示？
现在点击后，item的高亮状态与tooltip显示是不同步的。是的，希望点击遮罩后，tooltip能保持显示，能实现么
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] hongdeyuan commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by "hongdeyuan (via GitHub)" <gi...@apache.org>.
hongdeyuan commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1580755692
我也需要相同问题；
@plainheart 这个 PR [13382](https://github.com/apache/echarts/pull/13382) 应该只解决了单个图表的情况，当 多个图表开启了联动功能，鼠标移除 tooltip 时，消失的 tooltip 只有当前的 tooltip 会消失，其他联动的 tooltip 依然未取消；
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1143392016
@Nancy2013 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
[Bug] Mobile tooltip custom click event, click on the display mask, click on the mask again, the displayed tooltip will be automatically hidden
**BODY**
### Version
5.3.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
1. Display a line chart
2. Click the item to display the tooltip
3. Customize the dom style in the tooltip
4. Click the onclick event in the tooltip to display the mask mask
5. Click the mask again, the tooltip will disappear
### Current Behavior
Click on the mask, the tooltip will be hidden, but the item will remain highlighted
### Expected Behavior
The tooltip can stay displayed when the mask mask is clicked
### Environment
````markdown
OS: iPhoneX
Browser: Chrome 101.0.4951.67
Framework: Vue 2.5
````
### Any additional comments?
_No response_
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] plainheart commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144581244
似乎是[这段代码](https://github.com/apache/echarts/blob/master/src/component/tooltip/TooltipHTMLContent.ts#L334-L343)导致的。当点击 tooltip 后插入遮罩元素时，会触发 tooltip 本身的 `mouseleave` 事件，于是被隐藏了。相关的 issue 是 #12778
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Nancy2013 commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
Nancy2013 commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144335265
> 能提供下例子吗？我这边测试下
可以的，先点击任意item圆点，再点击tooltip上面的文字，会弹出遮罩层
https://codesandbox.io/s/confident-wood-x9qzm0
https://x9qzm0.csb.app/
PC端浏览器，点击tooltip后tooltip会自动消失，移动端圆点高亮状态及tooltip不会消失，需要在浏览器的移动端模拟器窗口调试，可以使用iPhone8视口
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] plainheart commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144530347
感觉好像也正常，移动端的 hover 事件是需要点击才能触发，再次点击后才会消失。
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] plainheart commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144270436
能提供下例子吗？我这边测试下
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Nancy2013 commented on issue #17144: [Bug] 移动端tooltip自定义点击事件，点击显示蒙版，再次点击蒙版，已显示的tooltip会自动隐藏
Posted by GitBox <gi...@apache.org>.
Nancy2013 commented on issue #17144:
URL: https://github.com/apache/echarts/issues/17144#issuecomment-1144635339
> 似乎是[这段代码](https://github.com/apache/echarts/blob/master/src/component/tooltip/TooltipHTMLContent.ts#L334-L343)导致的。当点击 tooltip 后插入遮罩元素时，会触发 tooltip 本身的 `mouseleave` 事件，于是被隐藏了。相关的 issue 是 #12778
在例子里使用的V5.3.2版本，还是存在这个问题
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org