emilk / emilk/egui

[Web Rendering Bug]: Unexpected Height Event Setter Behavior on Mouse Move when Integrating Yew with Egui

Open
#4,407 4 comments 1 reaction 0 assignees View on GitHub
bug web
Dominant language
Rust
Stars
30.6k
Forks
2.1k
Avg merge
1d 9h
Merged PRs (30d)
72

Description

**Description:**

Hello,

While working at my current company, I've been utilizing `egui` within our projects and have found it to be quite effective. However, as part of discussions with my tech lead regarding a transition to a pure Rust tooling, without using React or JavaScript dependencies, I decided to explore integrating Yew, Egui, and Eframe to achieve this goal. Although the application renders successfully, I've encountered a peculiar issue where events consistently trigger, resulting in an unexpected increase in the height of the canvas. This report aims to address and investigate this issue further.

**Steps to Reproduce:**

1. Visit the repository: [Yew Egui Bug Repo](https://github.com/wiseaidev/yew-egui-bug)
2. Clone the repository to your local machine.
3. Execute the command `make run` assuming that `trunk` is already installed.
4. Open your preferred browser and navigate to the deployed application.

For a quick demonstration, the application has been deployed at [Yew Egui Bug Demo](https://yew-egui-bug.netlify.app/) for convenient inspection.

**Expected Behavior:**

The canvas should render without any unexpected alterations, maintaining consistency with typical JavaScript-based frameworks like React.

**Screenshots:**

https://github.com/emilk/egui/assets/62179149/7a654fbb-7929-4a1d-a6e2-10ea5e700cfa

https://github.com/emilk/egui/assets/62179149/b625445c-fc36-4277-b4c1-360a81d1be55

**Desktop Environment:**

- **Operating System:** Any
- **Browser:** Any
- **Browser Version:** Any

**Smartphone Environment:**

- **Device:** Any
- **Operating System:** Any
- **Browser:** Any
- **Browser Version:** Any

**Additional Context:**

N/A

Contributor guide

Open the contributing guide

Research direction

Start by cloning the linked Yew Egui Bug Repo and running make run with trunk installed. Reproduce the canvas height change while moving the mouse, then trace the Yew, egui, and eframe integration involved; done means the canvas remains stable during mouse movement in the browser.

Written by the indexing model from the issue text.

Assessment

Tech stack
rust
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.