MudInputControl: Fix nested <div> inside <p>

[truongdatnhan]

Description

We cannot nest <div> inside <p>.

The problem appears in SSR non-interactive mode. When the server send new page, DOM will refuse to nest <div> inside <p> #8855 .

<span> is an inline element, It will allow <div> nesting.
I have compared the two styles visually and computed values after changing them.

How Has This Been Tested?

visually

Type of Changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation (fix or improvement to the website or code docs)

Checklist

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.14%. Comparing base (28bc599) to head (51a14b4).
Report is 139 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #8871      +/-   ##
==========================================
+ Coverage   89.82%   90.14%   +0.31%     
==========================================
  Files         412      421       +9     
  Lines       11878    12304     +426     
  Branches     2364     2431      +67     
==========================================
+ Hits        10670    11091     +421     
+ Misses        681      665      -16     
- Partials      527      548      +21     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[danielchalmers]

Makes sense.

Open question: Do we even need that much nesting to begin with? Can @HelperClass be added to the d-flex div and delete the span, or all three be merged into one div? Not good to have so many DOM elements.

[henon]

Makes sense.

Open question: Do we even need that much nesting to begin with? Can @HelperClass be added to the d-flex div and delete the span, or all three be merged into one div? Not good to have so many DOM elements.

@Garderoben I think you made it that way. What do you say about merging the dom elements?

[danielchalmers]

I think you made it that way. What do you say about merging the dom elements?

@henon let's just merge it with the nesting. can see what he thinks about it in the future when he has free time because it's going to be a widespread thing anyway