Collection Filter Fragments should follow Clay html.

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: Out of the box Fragments > Collection Display Fragment, Out of the box Fragments > Filter
• Labels:
  • liferay-update-dxp-1-7413
• Fix Priority: 2
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/6255 https://github.com/liferay-echo/liferay-portal/pull/6266 https://github.com/liferay-echo/liferay-portal/pull/6269

Steps to Reproduce:

• Create a content page.
• Add a Collection Display Fragment to the page and configure it.
• Add two Collection Filter fragments to the page.
• Configure one to filter by Keywords and one to filter by Categories.
• Inspect the html and compare to Clay Form input and dropdown html.

Expected Result:

• The form elements should use `title` tags for titles.
• Inline styles should be avoided.
• A form-group div should wrap the label and input.
• Background and text utility classes should be avoided.

Actual Result:

• A `p` tag is used for the title.
• Inline styles are used.
• There is no form-group wrapping the title and input.
• Background and text utility classes are used to restyle things that are handled by clay forms styling.