arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: http://www.amulyam.in

Browser / Version: Firefox Mobile Nightly 59.0a1 (2018-01-14)
Operating System: Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: Radio button fill is misaligned
Steps to Reproduce:
1. Navigate http://www.amulyam.in
2. Observe radio button fill.

Expected Behavior:
The fill is correctly aligned (center).

Actual Behavior:
The fill is misaligned (bottom).

Note:
1. Reproducible on Firefox 57.0.4 Release (Mobile).
2. Not reproducible on Chrome (Mobile) 63.0.3239.111.
3. Screenshot attached.
4. Affected area:

<div class="radio">
	<input id="rb1" name="rechargeType" value="pre" checked="" type="radio">
		<label for="rb1">Prepaid</label>
	</div>

Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov

sv; country: in
Screenshot Description

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Closed: Duplicate
#14864

www.amulyam.in - Radio button fill is misaligned

Opened: 2018-01-15
Reporter: softvision-oana-arbuzov
Comments: 4
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct