From 2e662c08b880b47cd688f13131cd81eb8f17075b Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Thu, 14 Nov 2024 09:44:54 +0300 Subject: [PATCH] Fixed #6743 - InputGroup: IconField is not supported in InputGroup --- packages/primevue/src/inputgroup/style/InputGroupStyle.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/primevue/src/inputgroup/style/InputGroupStyle.js b/packages/primevue/src/inputgroup/style/InputGroupStyle.js index fd6a6def6..ebd753d9e 100644 --- a/packages/primevue/src/inputgroup/style/InputGroupStyle.js +++ b/packages/primevue/src/inputgroup/style/InputGroupStyle.js @@ -2,6 +2,7 @@ import BaseStyle from '@primevue/core/base/style'; const theme = ({ dt }) => ` .p-inputgroup, +.p-inputgroup .p-iconfield, .p-inputgroup .p-floatlabel, .p-inputgroup .p-iftalabel { display: flex; @@ -47,6 +48,7 @@ const theme = ({ dt }) => ` .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-component, +.p-inputgroup > .p-iconfield > .p-component, .p-inputgroup > .p-floatlabel > .p-component, .p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel > .p-component, @@ -58,6 +60,7 @@ const theme = ({ dt }) => ` .p-inputgroupaddon:first-child, .p-inputgroup > .p-component:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-iconfield:first-child > .p-component, .p-inputgroup > .p-floatlabel:first-child > .p-component, .p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:first-child > .p-component, @@ -69,6 +72,7 @@ const theme = ({ dt }) => ` .p-inputgroupaddon:last-child, .p-inputgroup > .p-component:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-iconfield:last-child > .p-component, .p-inputgroup > .p-floatlabel:last-child > .p-component, .p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:last-child > .p-component, @@ -89,6 +93,10 @@ const theme = ({ dt }) => ` .p-inputgroup > .p-button:not(.p-button-icon-only) { width: auto; } + +.p-inputgroup .p-iconfield + .p-iconfield .p-inputtext { + border-inline-start: 0; +} `; const classes = {