📄 어떤 버그인가요?
지원서 입력폼에서 단답형 입력 필드가 부모 너비를 벗어나 레이아웃이 깨지는 현상 발생
🚨 버그 발생 상황
as-is
- 지원서 폼의 단답형 InputField가
부모 width를 초과해서 렌더링됨
- 모바일 또는 좁은 뷰포트에서 좌우 스크롤이 생김
- 텍스트 박스가 화면에서 잘려 보이거나 비정상적으로 보임
to-be
- 입력 필드가 부모 너비를 100% 넘지 않고 자연스럽게 감싸짐
- 어떤 해상도에서도 레이아웃 깨짐 없이 렌더링됨
- 반응형에서도 정상 출력됨
예상 결과
InputField가 부모 너비 내에서만 렌더링되고, 좌우 스크롤이 생기지 않아야 함
🫡 참고할만한 자료(선택)