alibaba/lowcode-engine

@alilc/lowcode-plugin-simulator-select Bug

Open

#2,711 opened on Nov 29, 2023

View on GitHub
 (1 comment) (0 reactions) (1 assignee)TypeScript (2,228 forks)batch import
help wanted

Repository metrics

Stars
 (12,714 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Describe the bug (required) / 详细描述 bug（必填）

A clear and concise description of what the bug is. / 请提供清晰且精确的 bug 描述

使用 @alilc/lowcode-plugin-simulator-select 包，初始化项目，画布大小的输入框里默认不会填入当前画布宽度，而是0。

To Reproduce (required) / 如何复现 bug？（必填，非常重要）

Steps to reproduce the behavior: / 详细复现步骤：

https://github.com/alibaba/lowcode-plugins/blob/a0ad0224b48607f867891b7bfb6ddf78c6753aad/packages/plugin-simulator-size/src/index.tsx#L32 这里根据css取当前画布宽度，应该是当前插件引入的css还没构建渲染树，所以取宽度没生效

Expected behavior (required) / 预期行为（必填，非常重要）

A clear and concise description of what did you expect to happen. / 请清晰和精确的描述你预期的行为

项目初始化，画布大小输入框填入当前画布宽度。

Contributor guide

Research direction
Investigate why the canvas width input defaults to 0. The likely cause is that the CSS has not yet been applied when the component reads the width via `getComputedStyle`. Look at the component's mount lifecycle and consider using `useEffect` with a ref to read the width after the render tree is ready.
Tech stack
typescriptreact
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75