Checkbox styling issue in Safari

Environment

Discourse Version: 2.7.0.beta1

Plugin Commit: 2681fe21adae1645dcac6aa0386524578e6185b8

Other Plugins
N/A

Steps to Reproduce

  1. Create a wizard with a checkbox, ie:
[
	{
		"id": "local_wizard",
		"name": "Local Wizard",
		"save_submissions": true,
		"theme_id": 1,
		"steps": [
			{
				"id": "step_1",
				"fields": [
					{
						"id": "step_1_field_2",
						"label": "Checkbox",
						"description": "Check me!",
						"type": "checkbox"
					}
				]
			}
		],
		"actions": [
			{
				"id": "action_1",
				"run_after": "wizard_completion",
				"type": "route_to",
				"url": [
					{
						"type": "assignment",
						"output": "www.google.com",
						"output_type": "text",
						"output_connector": "set"
					}
				]
			}
		]
	}
]
  1. Open the wizard in Safari

Observe the checkbox is unusually large, and is clipping on the left hand side.

Safari:

image

Chrome:

image

Logs

1 Like

@othomson

This is how it looks for me in chrome(left) and safari(right)

Weird - I am no longer able to reproduce.

Thanks for investigating, happy for this one to be closed.

1 Like