bootstrap, mui 사용 시 <body style="padding-right: 17px; overflow: hidden;"> style 추가 버그

2023. 6. 26. 22:38·개발/REACT
728x90

 

mui 에서 select 컴포넌트 하나 가져다 쓰는데 선택할 때마다 저게 나타났다 사라졌다 함

덕분에 화면이 신나게 왔다갔다 거려서 못쓰겠음

 

bootstrap 컴포넌트 사용시에도 비슷한 현상이 발생하는 거 같은데

 

해결법

나는 리액트를 사용중이라

App.css에 가서 

body {
  padding-right: 0 !important;
  overflow: visible !important;
}

이렇게 추가해줬더니 해결이 됐다

 

리액트 사용 안하시는 분들은 비슷한 방법으로 상위 요소 스타일 수정해주시면 될 거 같다

 

bootstrap/dist/css/bootstrap.min.css 파일을 수정하라고도 하는데 어딨는지 모르겠음

모든 컴포넌트가 다 그런건 아닌데,, 몇몇은 그런거 같다

 

GPT 말로는 스크롤바에 의해 컨텐츠가 가려지는 것을 방지한다나

그래도 화면이 춤추는건 아니지

728x90
저작자표시 (새창열림)

'개발 > REACT' 카테고리의 다른 글

Chakra UI 설치 오류  (0) 2024.11.06
react - django 연동 (1) : POST http://127.0.0.1:8000/test/ net::ERR_FAILED  (0) 2023.06.15
[REACT] 정리 (+JS, CSS, JSX)  (0) 2023.06.13
'개발/REACT' 카테고리의 다른 글
  • Chakra UI 설치 오류
  • react - django 연동 (1) : POST http://127.0.0.1:8000/test/ net::ERR_FAILED
  • [REACT] 정리 (+JS, CSS, JSX)
경 울
경 울
응애 。•́︿•̀。
  • 경 울
    메모장
    경 울
  • 전체
    오늘
    어제
    • 분류 전체보기 (41)
      • 개발 (19)
        • REACT (4)
        • 파이썬 (9)
        • Database (1)
        • Infra (1)
        • Android studio (1)
        • risc-v (0)
      • Maya (4)
        • Rigging (3)
      • Game Effect (9)
        • VFX 분석 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Unreal Engine
    Maya
    K8S
    sqlmodel
    docker
    usb mount
    ue game effect
    마야
    risc-v assembly programming
    VFX
    SQLAlchemy
    langgraph
    Rigging
    UE
    risc-v assembly
    android studio record
    maya animation
    리깅
    game effect
    error 1452 (23000)
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
경 울
bootstrap, mui 사용 시 <body style="padding-right: 17px; overflow: hidden;"> style 추가 버그
상단으로

티스토리툴바