[Web Rendering Bug]: Unexpected Height Event Setter Behavior on Mouse Move when Integrating Yew with Egui
- 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
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