search

typesnippet / antd-phone-input

Advanced, highly customizable phone input component for Ant Design.
https://playground.typesnippet.org/antd-phone-input-5.x/
MIT License
60 stars 11 forks source link

🐛 Bug Report - Style not working in ProLayout #92

Closed edikurniawan-dev closed 5 months ago

edikurniawan-dev commented 5 months ago

Bug description

I'm using pro component, and i use prolayout for build my dashboard if i use inside <prolayout> tag why the style not wrking, if i use out of <prolayout> tag style working very well

Reproduction URL

No response

Reproduction steps

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Screenshots

inside tag prolayout image

outside/not using prolayout image

Logs

No response

Browsers

Chrome

OS

Windows

edikurniawan-dev commented 5 months ago

when i inspect element image

image

ArtyomVancyan commented 5 months ago

Hi @edikurniawan-dev, can you please share a link to the sandbox environment or a GitHub repository where I can reproduce and debug the issue?

ArtyomVancyan commented 5 months ago

Based on the provided screenshots, you have customized default Ant Design styles, which can be the cause of the issue. I have tried inside and outside of the <ProLayout> component, as you mentioned, and don't see any unexpected appearance or behavior.

edikurniawan-dev commented 5 months ago

I try in sandbox https://codesandbox.io/p/sandbox/pensive-mclean-wlzs3z and working perfectly like this image

But i try in using laravel inertia with react in this repo https://github.com/edikurniawan-dev/laravel-antd-pro-components the style not working image

and when i try to disable <ProConfigProvider> the style working image