IOS QQ小程序，自定义组件，嵌套Input时，Input全都被挤到左上角去了

[juzisang]

问题描述
IOS QQ小程序，自定义组件，嵌套Input时，Input全都被挤到左上角去了
如果input在第一个界面，不会错位，只有跳转过去的界面才会错位
试了用原生写了demo，没有出现错位的情况

复现步骤

import Taro from '@tarojs/taro'
import { Input } from '@tarojs/components'
import PageContent from './PageContent'
import './test.scss'

export default class Index extends Taro.Component {
  render() {
    return <PageContent>
      <Input placeholder="请输入Test1" focus={true} type='text'></Input>
      <Input placeholder="请输入Test2" focus={true} type='text'></Input>
      <Input placeholder="请输入Test3" focus={true} type='text'></Input>
    </PageContent>
  }
}

期望行为
正确显示

报错信息

系统信息

• 操作系统: [e.g. Windows 7]
• Taro 版本 [e.g. v.1.3.14]
• Node.js 版本 [e.g. v8.16.0]
• 报错平台 [qq]

[Chen-jj]

@juzisang 原生是怎么写的测试？是使用 slot 了吗

[juzisang]

分别这样写的

<view class="page-content">
  <slot></slot>
</view>

import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'

export default class PageContent extends Taro.Component {
    render() {
        return <View>{this.props.children}</View>
    }
}

我发现只要把编译之后的这一层删掉，input就不会重叠了

<block qq:if="{{$taroCompReady}}"></block>

但是如果父组件里对 this.props.children 有 if 操作，input还是会叠在一起

[tourze]

+1

[Chen-jj]

@juzisang 复现不了，提供一下完整的父子组件代码。

[juzisang]

@Chen-jj https://github.com/JuZiSang/taro-qq-demo

[Chen-jj]

@juzisang iOS 把 QQ 升级到 8.1.3 应该就修复了

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~