[Bug]: only zoom on mouse clik and zoom not stayes

Đang mở
  • Có gì không ổn?
#898 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
electron, typescript
Lĩnh vực
desktop-dev

Hướng nghiên cứu

The payload names no files, so the first step is to locate the cinematic zoom implementation — search the TypeScript sources for the click handler that currently drives zoom, then trace where the focus region is stored and cleared. The request spans several interaction sources (typing, hover, text selection, drag), so map each event source before deciding how an "active interaction region" should be derived and when it expires. Done looks like a recording where the camera holds on the focused input while typing, follows hover and selection, and still transitions smoothly on the next click.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Describe the bug

The screen recording cinematic zoom effect only responds properly to mouse clicks. When recording a screen, the camera zooms into a clicked area, but it does not properly maintain or follow the area during typing, hovering, text selection, or other continuous mouse interactions.

For example, when recording a Chrome tab, if I click the search bar, the recording correctly zooms into the search bar. However, as soon as I start typing, the zoom effect moves back toward the normal/full-screen view instead of keeping the search bar properly focused. This makes the typing portion look unfocused and breaks the cinematic flow.

The zoom system should intelligently track the user's active interaction, not just click events.

To Reproduce

Steps to reproduce the behavior:

  1. Start a screen recording with the cinematic/automatic zoom effect enabled.
  2. Open a browser such as Chrome.
  3. Click on the browser's search/address bar.
  4. Notice that the recording zooms into the search bar.
  5. Start typing text.
  6. Observe that the zoom begins moving back toward the normal/full-screen view while typing.
  7. After typing, click the search button or another area.
  8. Notice that the zoom correctly moves toward the newly clicked area again.
  9. Move/hover the mouse around different areas without clicking.
  10. Notice that the cinematic zoom does not follow or focus on the hovered area.

Expected behavior

The cinematic zoom should intelligently maintain focus on the user's current area of interaction.

  • When clicking an element, zoom smoothly toward that element.
  • When typing into an input field, keep the camera focused on that input field instead of zooming back out.
  • While typing, maintain a stable and cinematic zoom so the text entry remains clearly visible.
  • When the user moves the mouse/hover around an area, the zoom should be able to smoothly follow the relevant area when appropriate.
  • When the user selects or highlights text, the camera should recognize the selected/active region and keep it in focus.
  • When the user moves to another interactive element, smoothly transition the zoom toward the new area.
  • When the user clicks something after typing, transition the zoom to the newly clicked area.
  • Zoom transitions should be smooth and cinematic rather than abrupt.
  • The system should intelligently determine the active interaction region instead of relying exclusively on click events.

The overall result should feel like a professionally edited cinematic screen recording where the viewer's attention is automatically directed toward whatever the user is currently doing.

Screenshots

If applicable, attach screenshots showing:

  • The zoomed-in search bar while clicking.
  • The zoomed-out state while typing.
  • The expected focused state during typing.

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome
  • Version: [please specify]
  • Screen recording application/version: [please specify]

Smartphone (please complete the following information):

  • Device: N/A
  • OS: N/A
  • Browser: N/A
  • Version: N/A

Additional context

This appears to be an interaction-detection/focus-tracking issue in the cinematic zoom system. The current implementation seems to prioritize click events while ignoring or losing focus during other interaction states such as keyboard input, mouse hover, text selection, and potentially drag operations.

The zoom engine should track the active interaction context and preserve focus during continuous actions. In particular, keyboard typing should inherit the focus region from the currently active input element. The camera should not automatically return to the default zoom level simply because there is no new click event.

The goal is a natural, professional cinematic recording where the camera continuously understands what the user is interacting with, rather than only reacting to clicks.

Ngôn ngữ chính
TypeScript
Star
32.4k
Fork
2.6k
Merge trung bình
1 ngày 23 giờ
Pull request đã merge (30 ngày)
14

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của webadderallorg/Recordly

Tất cả issue của webadderallorg/Recordly

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.