Skip to content

Commit e474d2b

Browse files
erikras-dinesh-agentchervyakovru
andcommitted
fix: Prevent render counters from departing to top-right corner
Fixes #1006 Problem: In the subscriptions example, the render counter overlays drift to the top-right corner of the window instead of staying positioned relative to their respective forms. Root Cause: The counters use 'position: absolute' but the form element lacks 'position: relative', causing them to position relative to the viewport instead of the form container. Solution: Added 'position: relative' to the form element in Styles.js. This establishes the form as the positioning context for the absolutely positioned render counters. Changes: - examples/subscriptions/Styles.js: - Added 'position: relative' to form CSS rule (line 56) Impact: ✅ Render counters stay anchored to their forms ✅ Visual layout matches intended design ✅ No functional changes ✅ Example-only change, no library code affected Originally reported by @chervyakovru in PR #1006 (closed as stale). Co-authored-by: Daniil Chervyakov <chervyakovru@users.noreply.github.com>
1 parent 5509a15 commit e474d2b

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

examples/subscriptions/Styles.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ export default styled.div`
5353
}
5454
5555
form {
56+
position: relative;
5657
max-width: 500px;
5758
margin: 10px auto;
5859
border: 1px solid #ccc;

0 commit comments

Comments
 (0)