[Issue] "번역해서 질문" 버튼이 반응형 웹 레이아웃 변경 시 버튼이 비정상적으로 노출되는 이슈
complete
nd13
사용환경
- windows 10
- Chrome 109.0.5414.120(공식 빌드) (64비트)
요약
- 브라우저 크기 변경할 때 레이아웃이 변경될 경우 "번역해서 질문" 버튼이 비정상적으로 노출됩니다.
- 용어가 명확하지 않아 임시로 다음과 같이 정의합니다. "작은 레이아웃"은 브라우저의 가로길이가 특정 길이 이하일 때 노출되는 레이아웃입니다. "큰 레이아웃"은 특정 길이 이상일 때 노출되는 레이아웃입니다.
- chatGPT 최초 입장 시 "큰 레이아웃"이고 "작은 레이아웃"으로 변경할 경우 "번역해서 질문" 버튼이 소멸됩니다. 다시 "큰 레이아웃"으로 변경하더라도 다시 버튼이 노출되지 않습니다.
- chatGPT 최초 입장 시 "작은 레이아웃"이고 "큰 레이아웃"으로 변경할 경우 "번역해서 질문" 버튼이 프롬프트 입력창에 그대로 노출됩니다. 의도된 결과인지 기획 내용의 확인이 필요해보입니다.
재현스탭
- https://chat.openai.com/chat 에 "큰 레이아웃" 상태로 접속
- "번역해서 질문" 버튼이 노출됨을 확인
- 브라우저의 가로 사이즈를 줄여 "작은 레이아웃"으로 변경
- "번역해서 질문" 버튼이 노출되지 않음을 확인
- 브라우저 가로 사이즈를 늘려 "큰 레이아웃"으로 변경
- "번역해서 질문" 버튼이 노출되지 않음을 확인
결과: "큰 레이아웃"에서 "작은 레이아웃"으로 변경 시 "번역해서 질문" 버튼이 소멸되며 "큰 레이아웃"으로 재변경하더라도 노출되지 않음
기대결과
- 1안: 레이아웃 변경 시 "번역해서 질문" 버튼을 재생성하는 로직을 추가
특이사항
- 기능 변경 후 "큰 레이아웃 시작" -> "작은 레이아웃" -> "큰 레이아웃"과 "작은 레이아웃 시작" -> "큰 레이아웃" -> "작은 레이아웃"으로 동작할 때 버튼 위치가 의도한 곳에 위치하는지 테스트하는 것을 권장합니다.
