问题标签 [carbon-components]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
136 浏览

google-chrome - Svelte - Carbon 组件导入中断调试

我设置了一个使用Carbon Components的 Svelte 和 Electron 。我大部分时间都在工作,但我一直在调试。

这是我用于测试的示例组件:

当我将组件加载到开发环境中时,我无法在 Chrome 的开发工具中设置断点:

在此处输入图像描述

但是,如果我打开我svelte.config.js的 ,最初看起来:

并删除optimizeImports()调用,然后断点正常工作。

有谁知道为什么会这样?显然这与carbon-preprocess-svelte图书馆有关。我创建了一个重现该问题的基本项目:https ://github.com/troncoso/carbon-svelte-bug

0 投票
0 回答
12 浏览

reactjs - 将 React Portal 应用于整个应用程序中所有位置的相同组件

我正在处理一个遗留项目,并且模式是用 React 门户包装的。该团队正在使用功能组件和使用挂钩来更新此代码。有什么方法可以全局应用更改,以便这些模式将直接在指定的节点级别呈现。我已经为这样的一种模式添加了门户。

应用程序中使用了 n 个模态。有没有更简单的方法来做到这一点?我可以编写一个包装器并用如下所示的方式包装模态,但这也需要适用于所有地方

有人可以帮我解决这个问题。

0 投票
0 回答
10 浏览

angular - 使用stickyHeader true 时表格损坏(Angular + carbon 设计)

我在我的 Angular 13 应用程序上使用来自 carbon design 的数据表。我也在使用主题grey90。

在我使用扩展的数据表上,向用户显示更多信息。当stickyheader设置为false时一切正常

带有粘性标题的表 false

但是当我尝试将sticky header设置为true时,会发生这种情况......

带有粘性标题的表格 true

我没有添加任何CSS代码。我的项目只有这个安装。有没有人遇到过这个问题?我需要一种解决方法来修复标题并使正文可滚动...