uclort
uclort
  • 发布:2021-04-26 00:11
  • 更新:2021-05-18 10:28
  • 阅读:1466

【报Bug】最新版 HB 编译的 css 有问题。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.2.3

HBuilderX类型: 正式

HBuilderX版本号: 3.1.11

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: matepad

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
复制代码<template>  
    <view class="container" style="margin: 50px; height: 80px;">  
        <view class="m-textarea-container">  
            <view class="m-textarea-title">  
                标题  
            </view>  
            <textarea class="m-textarea" />  
        </view>  
    </view>  

</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style lang="scss" scoped>  
    .m-textarea-container {  
        display: flex;  
        align-items: center;  
        height: 80px;  
        overflow: hidden;  

        .m-textarea-title {  
            margin-left: 0;  
            font-size: 16px;  
            color: black;  
        }  

        .m-textarea {  
            margin: 5px 0 5px 10px;  
            flex: 1;  
            border: 1px solid red;  
            box-sizing: border-box;  
            border-radius: 2px;  
            height: 80px;  
            padding: 5px;  
            color: black;  
            overflow: hidden;  
        }  
    }  
</style>  

操作步骤:

直接运行

预期结果:

正常展示

实际结果:

非正常

bug描述:

最新版本的 HB 编译出来的 css 有问题,具体表现为,一个 view 高度设置为 80px,view 中包含 view1 高度设置为 80px,overflow: true,view1 中包含 view2 和 textarea,view2 是文字,textarea 设置高度为 80px,添加 border,上下边线展示不出来,关闭 view1 的 overflow 可显示,给 view1 添加 border,发现 textarea 比 view1 上下高出一块。

2021-04-26 00:11 负责人:无 分享
已邀请:
uclort

uclort (作者)

没有人回答呢?代码就上面那一点,就能复现。

DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,后续修复

临时解决方案:

复制代码box-sizing: border-box !important;  
吃西瓜的花猫

吃西瓜的花猫

昨天刚碰到。我以为是有别的原因官方内置了 !important
只好自己用临时方法解决了。
今天就看到更新提醒了

  • DCloud_UNI_GSQ

    嗯有原因,不过已经更换方案。

    2021-05-17 11:46

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.1.13 已修复

instant

instant

textarea双向绑定问题什么时候修复下

instant

instant

https://ask.dcloud.net.cn/question/122239

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容