Fix wrapping behavior of toggle switch label (#2952)

primer · Jul 18, 2024 · 98900f3 · 98900f3
1 parent 01546fb
commit 98900f3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/pretty-tables-grab.md b/.changeset/pretty-tables-grab.md
@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Fix wrapping behavior of toggle switch label
diff --git a/app/forms/example_toggle_switch_form/example_field_caption.html.erb b/app/forms/example_toggle_switch_form/example_field_caption.html.erb
@@ -1 +1 @@
-My <em>favorite</em> caption.
+My <em>favorite</em> caption lorem ipsum dolor sit amet.
diff --git a/lib/primer/forms/toggle_switch.html.erb b/lib/primer/forms/toggle_switch.html.erb
@@ -7,8 +7,7 @@
     <%= content_tag(:div, data: { target: "toggle-switch-input.validationElement" }, **@input.validation_arguments) do %>
       <%= content_tag(:span, @input.validation_messages.first, data: { target: "toggle-switch-input.validationMessageElement" }, **@input.validation_message_arguments) %>
     <% end %>
-
-    <div><%= render(Caption.new(input: @input)) %></div>
   </span>
   <%= render(Primer::Alpha::ToggleSwitch.new(src: @input.src, csrf_token: @input.csrf, **@input.input_arguments)) %>
 <% end %>
+<div><%= render(Caption.new(input: @input)) %></div>