Skip to content
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.

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

descriptions组件布局bug #1685

Open
Curtain11 opened this issue Sep 27, 2022 · 8 comments
Open

descriptions组件布局bug #1685

Curtain11 opened this issue Sep 27, 2022 · 8 comments
Labels
🐛 Bug Something isn't working 💤 Inactive Inactive issues

Comments

@Curtain11
Copy link

Curtain11 commented Sep 27, 2022

微信截图_20220927155713
微信截图_20220927155729
标签二设置了span="2",但还是只有占有一列,将标签三设置为1后标签二正常占据两列

vue版本:3.2.37
arco-design版本:2.37.3
复现地址:https://codesandbox.io/s/tender-lalande-9s63qe?file=/src/App.vue

@hehehai hehehai added the 🐛 Bug Something isn't working label Sep 27, 2022
@pzgz
Copy link

pzgz commented Oct 25, 2022

同样碰到有这个问题,而且还找不到规律,descriptions组件有时候有点迷,同样一个组件在一些地方正常,放到另外一边,布局就会出现上面说的问题,我这里出现这个布局问题的时候,有时候还会出现如下的提示:

[Vue warn]: Maximum recursive updates exceeded in component <Descriptions>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

但可以肯定的是,descriptions里面的对象并没有变动,我尝试着去掉了span,马上就没上面的错误,但只要加上,就会出现,但同样的部件,放倒另外一个组件里面可能就正常

@SnowZhang0215
Copy link

我这里也遇到了同样的问题,给description-item设置了span属性,但是没有任何效果。感觉description 的 column和这个span互相影响arco-design 版本2.37.4

@pzgz
Copy link

pzgz commented Jan 18, 2023

后来我的解决方法就是,在descriptions里面的数据没准备好之前,用 v-if 控制不显示这个descriptions,让数据准备好了,再显示这个 descriptions

@Curtain11
Copy link
Author

Curtain11 commented Feb 15, 2023

这都快半年了这个bug还没有修嘛

@svipchao
Copy link

依然存在这个问题
解决办法 #1685 (comment)

@pzgz
Copy link

pzgz commented Aug 29, 2023

看了一下生成的前端节点和代码,出问题的时候, colspan是1,而代码里面设置的是:spam="2",去看源代码的话,在这里有一段计算span的,目前还没去调试看问题到底是不是这里带入的。

但从直觉上来感觉,不是应该以用户设置的span为最高优先级吗,即使这样可能会造成列总数没法对上的问题,但这个责任应该扔给开发者自己去负责,算的太多,可能出问题的几率也就越大。

这个问题在那里已经快一年了,影响还是挺大的,之前用了workaround跳过去,但这两天发现v-if也不太保险

@pzgz
Copy link

pzgz commented Jan 7, 2024

@flsion 这个问题能帮忙看一下吗,目前我用上面的workaround也不起作用了,尝试看了一下源码,但没有调试环境很难去调试确认问题出在哪儿,里面有一段计算span的地方,感觉有可能会出现去设置一个和用户给的span不一样的值,不知道是不是这里引入的问题,这个bug还真是很影响使用,目前这个descriptions组件就属于不能用的一个范畴,主要就是不知道什么时候会出现问题,而这个组件在系统中用来展示一个对象的信息实在是太常用了

@k-fire
Copy link

k-fire commented Mar 13, 2024

@flsion 这个问题能帮忙看一下吗,目前我用上面的workaround也不起作用了,尝试看了一下源码,但没有调试环境很难去调试确认问题出在哪儿,里面有一段计算span的地方,感觉有可能会出现去设置一个和用户给的span不一样的值,不知道是不是这里引入的问题,这个bug还真是很影响使用,目前这个descriptions组件就属于不能用的一个范畴,主要就是不知道什么时候会出现问题,而这个组件在系统中用来展示一个对象的信息实在是太常用了

摆烂了

@github-actions github-actions bot added the 💤 Inactive Inactive issues label Sep 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Bug Something isn't working 💤 Inactive Inactive issues
Projects
None yet
Development

No branches or pull requests

6 participants