Input styling is not working in Sidebard

[Vseslavr]

Issue was detected in the "Serenity" theme vertion 6.6.0

PrimeReact version
6.6.0

React version
17.x

Browser(s)
ALL

Steps to reproduce the behavior:
1. Set input styling to "Filled"
2. Add any input(s) to the Sidebar or Dialog
3. Pay attention that input styling is not workin

Please, check this screenshot - https://imgur.com/nFDR77Z

[mert.sincan]

Hi,

Please make the following changes;

Code: Select all

import { DomHandler } from 'primeract/utils';

...
const onInputStyleChange = (inputStyle) => {
        setInputStyle(inputStyle);
        updateInputStyle(inputStyle);
}

const updateInputStyle = (_inputStyle) => {
        if (_inputStyle === 'filled')
            DomHandler.addClass(document.body, 'p-input-filled');
        else
            DomHandler.removeClass(document.body, 'p-input-filled');
} 

useEffect(() => {
          updateInputStyle(inputStyle);
}, []);

...

Fixed for the next version.
Best Regards,