binaryage / binaryage/cljs-devtools

Firefox overrides break native-reference-wrapper-style

Đang mở
#81 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
Clojure
Star
1.1k
Fork
51
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

It took me a while to figure out why in the [re-frame-10x](https://github.com/day8/re-frame-10x) view of my Re-frame data, from a certain point in time, the panel gets largely erased, looking as follows (the right half of the screenshot is the panel):

![Image](https://github.com/user-attachments/assets/b975db1f-0ff5-44c4-b891-f1e638032cf4)

Having grepped through the code of that library and then of cljs-devtools, I figured out the Firefox overrides are apparently to blame -- causing this "native reference wrapper" to lose its "position: relative" style, which in turn results in its first child (effectively "position: absolute; inset: 1px", as defined by `get-inner-background-style`) to take much more space than intended. In the context of the Re-frame-10x debugging panel, it grows to fill the entire panel with its white background.

Indeed, in Chromium, the Re-frame-10x panel works fine:

![Image](https://github.com/user-attachments/assets/21b799a3-1458-42e2-8e23-c01473811115)

I can imagine two reasonable solutions:

1. Add the "position: relative" specification (and maybe "display: inline-flex", too?) also to the native-reference-wrapper-style config in the Firefox overrides.
2. Make the CSS values specified in the overrides _extend_ the defaults instead of replacing them.

I don't know enough about why the overrides are configured as they are currently configured, so I am also not sure which would be the right way to proceed. For now, I will try to patch this bug in my user config.

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Kiểm tra các override của Firefox và cấu hình theo kiểu native-reference-wrapper-style, sau đó tái hiện vấn đề trong chế độ xem re-frame-10x. Xác định xem override nên giữ nguyên vị trí của wrapper gốc hay mở rộng các giá trị mặc định; hoàn tất khi panel được render đúng trong Firefox mà nền của phần tử con không lấp đầy panel.

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

Đánh giá

Công nghệ
css
Lĩnh vực
devtools, frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
48/100

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.