Fix HTML field ignoring layout classes

[AbdiTolesa]

Related issue: https://secure.helpscout.net/conversation/3197229748/245409

Field setup:

Before:

After:

Summary by CodeRabbit

Release Notes

• Style
  • Improved text wrapping behavior in form field containers to prevent text overflow and enhance readability of long text in HTML container fields.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

A CSS styling rule is enhanced to add word-wrapping behavior to HTML form container fields. The overflow-wrap: break-word; property is appended to an existing selector in the custom theme stylesheet, affecting text layout for form descriptions when the form_desc_size parameter is configured.

Changes

Cohort / File(s)	Summary
CSS Styling css/custom_theme.css.php	Adds overflow-wrap: break-word; property to .with_frm_style .frm_form_field.frm_html_container selector to control text wrapping behavior

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested labels

run analysis, run tests

Suggested reviewers

• lauramekaj1
• truongwp
• Crabcyborg

Poem

🐰 A whisker-thin change, so small and so sweet,
CSS rules now make text wrapping complete!
One line of code keeps the form looking neat,
Breaking long words in a tidy retreat! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: adding CSS to fix HTML field layout issues by enabling proper text wrapping in HTML container form fields.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[lauramekaj1]

Hi @AbdiTolesa,
The same issue is still showing for me:

[AbdiTolesa]

Hi @AbdiTolesa, The same issue is still showing for me:

Hi @lauramekaj1 I forget to mention that you need to regenerate your css files by going to Formidable > Style > Update. Have you done that?

[lauramekaj1]

@AbdiTolesa I tested this and verified that the issue is fixed. Thank you!

[truongwp]

This looks good. Thanks @AbdiTolesa!