질문사항
텍스트 링크를 회전 시켰을 때 발생하는 오류를 알려드립니다.
안녕하세요 오카방 여러분. 비가 많이 오는 화요일입니다. 오늘은 최근에 알게된 텍스트 링크의 속성을 알려드리려고 합니다. 위에는 에러라고 적었지만 사실 속성에 가까운 점입니다.
최근 9월 월간피그마를 만들면서 텍스트 링크의 재미있는 점을 발견했습니다. 바로 링크는 텍스트 링크를 건 텍스트를 회전시켜도 터치 영역는 따라 회전되지 않는다는 점이었습니다. 위 예시 이미지를 보시면 텍스트를 돌려도 터치 영역은 박스의 좌측 상단 끝점을 기준으로 기존 가로의 영역이 유지되는 것을 확인했습니다.
답변
아래 이미지와 함께 확인해보세요
이는 작업 환경에서는 함께 돌아간 것처럼 보이고 프로토타입에서는 변하지 않아 더욱 당황스러울 수 있습니다.
그리고 텍스트를 회전 시키지 않고 텍스트 박스의 넓이만 좁아졌을 때는 텍스트의 위치의 따라 터치 영역은 따라옵니다.
텍스트 링크를 가로로 돌려서 사용하는 경우는 흔치 않지만 이런 케이스를 유념해두시면 혹시 비슷한 문제가 생겼을 때 다른 방법을 생각해볼 수 있을 것 같습니다!
(저희는 이번 9월 월간피그마에서 위 문제를 해결하기 위해 회전 시킨 텍스트의 글자마다 텍스트 링크를 걸어 원하는 모습과 비슷하게 구현했습니다. 하지만 이 역시 100%의 만족스러운 방법은 아니었습니다ㅠ
추가로 알면 좋을 팁