New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

FormItem: fix the line-wrapping problem of form input under IE 11 #21429

Open

lyswhut wants to merge 1 commit into ElemeFE:dev from lyswhut:dev

lyswhut commented Nov 2, 2021 •

edited

Loading

Make sure you follow Element's contributing guide (中文 | English | Español | Français).
Make sure you are merging your commits to dev branch.
Add some descriptions and refer relative issues for you PR.

此问题是由于对label容器的宽度计算不正确导致的，IE 11下计算其子元素宽度时，padding-right没有被包括在内，导致右侧input框的margin-left太小而换行，现在改成直接计算整个label容器的宽度即可修复此问题。

examples/play/index.vue代码：

<template>
  <div style="margin: 20px;">
    <el-form label-width="auto">
      <el-form-item label="活动名称">
        <el-input />
      </el-form-item>
    </el-form>
  </div>
</template>

修复前：

修复后：


          修复form的label-width为auto时，在IE 11下input被换行的问题

c85867a

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment