안전관리 안전점검 화면 분할 및 스와이프 기능 제거 부탁 드립니다.

[uracle7402]

안녕하세요.

안전관리 앱 개발을 맡은 유라클 김승준 주임 연구원 입니다.

퍼블리싱 나온 사항을 확인하던 중 이슈가 발견되어 요청 드립니다.

현재 아이폰에서 퍼블리싱 파일을 테스트 시

스와이프 기능을 위하여 한 화면안에 모든 퍼블리싱이 다 들어가다 보니

인풋에 자동탭 기능으로 다음 탭으로 넘어갈 수 있는 현상이 발생합니다.

아이폰의 경우 기본 웹뷰에서 자동으로 인풋, 셀렉트박스, 택스트에리어 등을 체크하여

포커스이동기능을 하는 탭기능이 존재하는데 해당 기능으로 인해 발생한 버그로

해당 기능 자체가 OS에서 처리해주는 기능이라 스와이프 기능을 구현할 수 없는 상황입니다.

이에 현재 퍼블리싱 되어 있는 화면을 전부 분리해서 다시 업로드 부탁 드립니다.

추가로 조합해 주신 안전점검 통 화면도 분리 요청 드립니다.

감사합니다.

[gitaeks]

말씀해주신 오류사항에 대해 이해가 되지 않는데요. 가능하면 스크린샷을 올려주시면 도움이 될 것 같습니다. 퍼블리싱을 분리하여 제공해 드리겠습니다.

[uracle7402]

스크린샷 첨부 합니다. 스크린샷에 보시면 아이폰, 갤럭시 단말에서는 인풋, 셀렉트박스를 왔다갔다 할 수 있는 이전,다음 버튼이 키보드 좌상단에 표시가 됩니다. 해당 버튼으로 인풋이나 셀렉트박스를 이동하다보면 옆에 화면으로 넘어가는 현상이 발생하고 해당 기능 자체는 OS에서 표시해주는 기능이라 수정이 불가능 합니다. 이에 스와이프 기능을 구현할 수 없는 상황이라고 말씀드린 것입니다. 확인 부탁 드립니다.

[gitaeks]

아이폰에서의 이슈 확인했습니다. 스와이프 기능은 아래와 같이 요구사항중에 반영이 되어 있어 적용한것 인데요.

아이폰에서 인풋이동 관련사항은 해결가능할 것으로 판단되기는 하는데요. 확인해 보도록 하겠습니다.

[gitaeks]

관련 오류는 확인했습니다. tab-index와 관련된 사항으로 플리킹 스와이프는 form input이 포함되는 경우에는 사용하지 않는것이 좋을 것 같습니다.

등록수정(점검사항, 조치사항, 결과화면) 화면을 독립된 페이지로 분리하고 빠른 페이지 로드를 위해 push 컨트롤을 적용했습니다.

[참고] http://rc.kimsq.com/controls/push/#fade-transition

<nav class="nav nav-inline">
  <a href="" data-control="push" data-transition="fade" class="">점검사항</a>
  <a href="" data-control="push" data-transition="fade" class="">조치사항</a>
  <a href="" data-control="push" data-transition="fade" class="">결과화면</a>
</nav>

데모 https://kimsq.github.io/hd-steel/sm/U_SM_A10002.html