Material-ui: [선택] 팝 오버 위치 변경

@ w3nda 문서에 따라 :

• 메뉴 구성 요소는 Popover 위에 빌드됩니다.
  
• Popover는 예상대로 배치 할 수 있습니다.
  
• 이 두 정보를 결합하고 경고를 수정하면 다음과 같은 결과를 얻을 수 있습니다.

        <Menu
          anchorOrigin={{
            vertical: "bottom",
            horizontal: "left"
          }}
          transformOrigin={{
            vertical: "top",
            horizontal: "left"
          }}
          getContentAnchorEl={null}

https://codesandbox.io/s/9l17k3qnk4

도움이 되었기를 바랍니다.

오, 그것은 선택과 함께, 한 단계 더 깊게 가보자 :

• Select는 메뉴를 사용하고 있습니다.
  
• ♻️

      <Select
        MenuProps={{
          anchorOrigin: {
            vertical: "bottom",
            horizontal: "left"
          },
          transformOrigin: {
            vertical: "top",
            horizontal: "left"
          },
          getContentAnchorEl: null
        }}
      >

https://codesandbox.io/s/18l2042y97

왕!
메뉴 아래에 충분한 공간이 있으면 완벽하게 렌더링되지만 화면에 공간이 없으면 메뉴가 위로 올라갑니다. 진실? 또는 깨진 행동?

메뉴 아래에 충분한 공간이 있으면 완벽하게 렌더링되지만 화면에 공간이 없으면 메뉴가 위로 올라갑니다.

@wenduzer 이것은 예상 된 동작처럼 들립니다.

오, 그것은 선택과 함께, 한 단계 더 깊게 가보자 :

@oliviertassinari 감사합니다. 이것이 제가 지난 2 시간 동안 검색 한 내용입니다.

@ Shrikant9 답변의 검색 가능성을 어떻게 개선 할 수 있습니까?

답변의 검색 가능성을 어떻게 개선 할 수 있습니까?

@oliviertassinari 제 생각에는 <Select /> 컴포넌트의 데모 페이지에 더 다양한 버전의 데모가 있습니다. 솔직히 최근에 material-ui를 사용하기 시작 했으므로 여전히 문서에 익숙해 져야합니다.

@ Shrikant9 우리는 풀 요청을 기꺼이 받아 들일 것입니다 👍.

@oliviertassinari 제 친구에게 감사합니다, 당신은 저를 매우 많이 도왔습니다. 재료 UI를 충분히 알고 있지만이 결정을 내릴 수 없었습니다.

기본 위치는 # 18493으로 변경할 수 있습니다.

기본값으로 설정하면 매우 좋을 것입니다.