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/07/14 03:37:54 UTC

[GitHub] [echarts] toodiff opened a new issue, #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

toodiff opened a new issue, #17377:
URL: https://github.com/apache/echarts/issues/17377

   ### Version
   
   5.0.2
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   tooltip采用appendToBody方式,以前隐藏时是使用display:none; 现在用visibility 和 opacity控制,但transform未恢复
   
   ### Current Behavior
   
   如果echart图在页面右下角,从大屏到小屏切换时会导致出现滚动条
   
   ### Expected Behavior
   
   应该还是采用display:none; 更友好,或者恢复transform值,这样避免屏幕切换时出现滚动条
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### 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 #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17377:
URL: https://github.com/apache/echarts/issues/17377#issuecomment-1183993951

   和 #17251 #17059 的问题类似,我们稍后讨论下。


-- 
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 #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17377:
URL: https://github.com/apache/echarts/issues/17377#issuecomment-1186736549

   > transform可以恢复到左上角应该也可以
   
   @toodiff 如果 tooltip 的 DOM 高度超过图表容器高度,没有设置溢出隐藏的话也还是会出现滚动条的。


-- 
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] toodiff commented on issue #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

Posted by GitBox <gi...@apache.org>.
toodiff commented on issue #17377:
URL: https://github.com/apache/echarts/issues/17377#issuecomment-1186683446

   > 
   
   使用 visibility 和 opacity,transform可以恢复到左上角应该也可以


-- 
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 #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17377:
URL: https://github.com/apache/echarts/issues/17377#issuecomment-1183947555

   @toodiff 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] Inappropriate hiding method after tooltip appendtobody will cause scroll bar to appear
   
   **BODY**
   
   ### Version
   
   5.0.2
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   The tooltip adopts the appendToBody method. It used display:none when it was hidden; now it is controlled with visibility and opacity, but the transform is not restored.
   
   ### Current Behavior
   
   If the echart diagram is in the lower right corner of the page, a scroll bar will appear when switching from a large screen to a small screen
   
   ### Expected Behavior
   
   It should still be more friendly to use display:none;, or restore the transform value, so as to avoid scroll bars when the screen is switched
   
   ### Environment
   
   ````markdown
   - OS:
   - Browser:
   - Framework:
   ````
   
   
   ### 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 #17377: [Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17377:
URL: https://github.com/apache/echarts/issues/17377#issuecomment-1186525369

   当前使用 `visibility` 和 `opacity` 来控制 `tooltip` 的显示与隐藏是为了使其能够具有淡入淡出的效果,但这在隐藏之后由于仍然占据空间也确实会影响父容器布局以至于出现滚动条,我不太确定是我们应还原此变更还是增加一个配置项以允许禁用淡入淡出效果。不知 @pissang 对此有什么看法?


-- 
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