Issue with autocomplete border

[Tshepiso-R]

Description There is a container around the autocomplete input field. When configuring the border, the styles are applied only to the outer container, while the input field retains its default border and border-radius.

Steps to Reproduce:

1. Navigate to Form Configuration
2. Click on the autocomplete and set border with to 3
3. Observe that the configurations apply to the outer container, not the input field.

Actual Behavior: The input field maintains its default border and border radius, while the changes only affect the outer container.

Expected Behavior: The border and border-radius configurations should be applied directly to the input field, replacing the default styles.

Screenshot

Related Item: #1985

[hlayisanimazuze]

Hi @James-Baloyi, Please check if the commit that fixes this issue did not affect the border of the autocomplete feature in the query builder functionality

Old change

How it is now

• Navigate to: https://functional-adminportal-test.azurewebsites.net/shesha/forms-designer?id=fdb3dce1-57ae-474a-b31b-23a40cf33b9f
• Click on the bank component
• From the properties panel, click on 'Query Builder' option
• Add new rule and select an entity property
• Check the border of the autocomplete showing after selecting the entity property

Chevron and Kanban referenceList property

[James-Baloyi]

@hlayisanimazuze the issue has been resolved, in addition the behavior of the Autocomplete component has been adjusted back to its original state. This means when configuring a custom border the user will select the border type before it shows. In addition, Hide Border functionality hides the default Ant border, while allowing the user to configure a custom one.

[Tshepiso-R]

@James-Baloyi Let's revisit this when we update the properties panel and work on enhancing the current implementation.