Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

InfoWindows are unable to overflow out of the GoogleMap component

Đang mở
#744 3 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 2 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
35/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với ví dụ advanced-marker-interaction được liên kết trong báo cáo và tái hiện hiện tượng bị cắt bằng cách di chuyển một marker đến gần mép bản đồ trước khi mở InfoWindow của nó. Điều tra hành vi overflow và z-index đã được báo cáo; hoàn thành khi InfoWindow vẫn có thể sử dụng được thay vì bị ẩn một phần hoặc hoàn toàn khi bản đồ được kéo hoặc thu phóng.

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

Mô tả

Description

When using the InfoWindow component, hovering over markers or advanced markers can leave the info window pop up to be partially cut off or all of the way hidden depending on the pan/zoom of the map. There is no way that I have found to custom style the markers or info window component to allow the info window to overflow/pop out of the GoolgleMap component. The z-index prop does not seem to effect his behavior either.

Steps to Reproduce

The easiest example to repro this on is https://visgl.github.io/react-google-maps/examples/advanced-marker-interaction.

  1. Load up an example with markers/advanced markers and an info window
  2. Pan the map around so that a marker is towards the very top of the map
  3. Click/hover the marker to make the info window popup
  4. Pan around the map to make the info window cutoff the screen/map

Image

Image

Environment
  • Library version: ~1.5.1
  • Google maps version: weekly
  • Browser and Version: Chrome Version 134.0.6998.178 (Official Build) (64-bit)
  • OS: Windows
Logs

Ngôn ngữ chính
TypeScript
Star
1.9k
Fork
195
Merge trung bình
2 ngày 11 giờ
Pull request đã merge (30 ngày)
14

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

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 visgl/react-google-maps

Tất cả issue của visgl/react-google-maps

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.