InputGroup: highlighting does not cover whole inputGroup

Describe the defect When an input text (or another input component) is part of an input group and the input text is hovered over or focused, only the input text is highlighted but not the input group addons (see picture below). The defect appears no matter if the input group addons are set before or after the input text.

Environment:

• PF Version: 10.0
• Rain 2.0.0

Expected behavior When the input component of an input group is hovered over or focused, the highlighting should cover the whole input group including its input group addons.

Example XHTML (for first picture above)

<h:form id="frmTest">
    <div class="ui-inputgroup p-col-2">
        <p:inputText placeholder="Username"/>
	<span class="ui-inputgroup-addon"><i class="pi pi-times"></i></span>
    </div>
</h:form>

[miedrl]

Okay but then I would expect the input element to be fully covered by the highlighting as in the second picture. In my opinion, the right border of the input element should be highlighted as well if the element has an inputgroup-addon attached at the right.

[jepsar]

@miedrl this is easy to fix in your project with custom CSS. This is working for me (Chrome) in the showcase:

.ui-inputgroup > :focus {
  z-index: 1;
}