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

[Bug]: Focusable child elements in AdvancedMarkerElement

Đang mở
  • Có gì không ổn?
#704 1 bình luận 1 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ó
3/5
Thời gian dự kiến
1-2 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 component AdvancedMarker và tái hiện cảnh báo bằng ví dụ React được cung cấp với một phần tử con input. Theo dõi cách các phần tử con có thể nhận focus được xử lý và xác định hành vi mong đợi đối với nội dung tương tác bên trong AdvancedMarkerElement; việc hoàn tất phải được chứng minh bằng việc bản tái hiện không còn tạo ra cảnh báo hoặc vấn đề tương tác đã được báo cáo.

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

Mô tả

bug
Description

When displaying an <input type="number"> inside an <AdvancedMarker />, every click triggers the following console message:

Focusable child elements in AdvancedMarkerElement are not supported. To make AdvancedMarkerElement focusable, use addListener() to register a "click" event on the AdvancedMarkerElement instance.

Steps to Reproduce
import React from 'react';
import { AdvancedMarker } from '@vis.gl/react-google-maps';

function Component() {
  const [value, setValue] = React.useState(String(500));

  return (
    <AdvancedMarker position={{ lat: 51, lng: 0 }}>
      <input
        type="number"
        value={value}
        onChange={({ target }) => setValue(target.value)}
      />
    </AdvancedMarker>
  );
}

See CodeSandBox, but somehow the Advanced Markers are not displaying

Environment
  • Library version: 1.5.1 & 1.1.0
  • Google maps version: weekly
  • Browser and Version: Chrome 134
  • OS: macOS
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.