You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by GitBox <gi...@apache.org> on 2020/03/13 03:42:12 UTC

[GitHub] [incubator-weex] shushu2013 opened a new issue #3166: [Android][Dev-tool] Andorid 7 下 richtext 标签遇到换行文本部分不显示 (weex SDK 0.24.0.1)

shushu2013 opened a new issue #3166: [Android][Dev-tool] Andorid 7 下 richtext <a> 标签遇到换行文本部分不显示 (weex SDK 0.24.0.1)
URL: https://github.com/apache/incubator-weex/issues/3166
 
 
   ## Describe the bug
   `richtext` 组件内 `<a>` 标签文本在遇到换行时,部分不显示
   
   ## To Reproduce
   <!-- Steps to reproduce the behavior.  Include a MCVE using http://dotwe.org/vue , crash stacktrace or  share your app project. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve -->
   
   ## Environment
   * Device:  Android 7 测试机
   * OS:  Android 7
   使用 Weex Playground 测试
   
   ## Expected behavior
    `<a>` 标签文本在遇到换行时,正常显示
   
   [http://editor.weex.io/p/shushu2013/richtext-demo/commit/17cf4d09e109318b659d13fa05ed3d67](http://editor.weex.io/p/shushu2013/richtext-demo/commit/17cf4d09e109318b659d13fa05ed3d67)
   
   ## Screenshots
   ![Screenshot_20200313-104534](https://user-images.githubusercontent.com/6076072/76587321-6e2ba600-651e-11ea-848a-25c5fe9cb8d3.jpg)
   ![Screenshot_20200313-104958](https://user-images.githubusercontent.com/6076072/76587341-7f74b280-651e-11ea-8eb4-de9c726137e9.jpg)
   ![Screenshot_20200313-105044](https://user-images.githubusercontent.com/6076072/76587343-826fa300-651e-11ea-800f-a1f1a9179c4b.jpg)
   
   
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

[GitHub] [incubator-weex] shushu2013 commented on issue #3166: [Android][Dev-tool] Andorid 7 下 richtext 标签遇到换行文本部分不显示 (weex SDK 0.24.0.1)

Posted by GitBox <gi...@apache.org>.
shushu2013 commented on issue #3166: [Android][Dev-tool] Andorid 7 下 richtext <a> 标签遇到换行文本部分不显示 (weex SDK 0.24.0.1)
URL: https://github.com/apache/incubator-weex/issues/3166#issuecomment-598534286
 
 
   测试代码:
   ```
   <template>
     <div class='root'>
           <scroller class='scroller'>
             <richtext class="terms_desc terms_desc_text">
   		<span class="terms_desc_text">使用中文测试:</span>
               	<a class="terms_desc_text"
                   :pseudo-ref="url">
                   <span class="terms_desc_text link">{{cn_msg}}</span>
                   </a>
   		<span class="terms_desc_text">使用中文测试:</span>
               	<a class="terms_desc_text"
                   :pseudo-ref="url">
                   <span class="terms_desc_text link">{{cn_msg}}</span>
                 </a>
             </richtext>
             <richtext class="cn_richtext terms_desc terms_desc_text" >
               	<span class="terms_desc_text">Using English for test:</span>
               	<a class="terms_desc_text"
                   :pseudo-ref="url">
                   <span class="terms_desc_text link">{{en_msg}}</span>
                 </a>
   		<span class="terms_desc_text">Using English for test:</span>
               	<a class="terms_desc_text"
                   :pseudo-ref="url">
                   <span class="terms_desc_text link">{{en_msg}}</span>
                 </a>
             </richtext>
           </scroller>
     </div>
   </template>
   
   <script>
     export default {
       data () {
         return {
           cn_msg: '中文链接带下划线安卓7遇到要断行有问题。',
   	en_msg: 'this is a english link with underline android 7 bug.' ,
   	url: 'https://baidu.com',
         }
       }
     }
   </script>
   
   <style scoped>
   	.root {
       background-color: rgba(51, 51, 51, 0.4);
       justify-content: center;
       align-items: center;
       display: flex;
       flex-direction: column;
     }
   
     .scroller {
       width: 400px;
       height: 800px;
       padding-top: 108px;
       padding-bottom: 56px;
   		border-width: 1px;
   		border-color: #ccc;
     }
   
   
     .cn_richtext {
       margin-top: 50px;  
     }
   
     .terms_desc {
       padding-right: 24px;
       padding-left: 40px;
     }
   
     .terms_desc_text {
       line-height: 48px;
       font-size: 30px;
       font-family: Arial, Helvetica, sans-serif;
       color: #662E93;
     }
   
     .link {
       text-decoration: underline;
     }
   
   	.span_space {
       color: #ffffff;
     }
   </style>
   ```

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services