not-for-me / hb-angular-first

한빛미디어 앵귤러 첫걸음 예제 코드
51 stars 45 forks source link

LoadingSpinner 기능이 IE11에서 화면중앙이 아닌 오른쪽 끝에서 보여지는 이슈 #23

Closed gangbeat closed 6 years ago

gangbeat commented 6 years ago

안녕하세요.

책을 구매하여 2~3회 정도 정독하면서 실습코드를 테스트해 보고 있습니다.

Angular cli로 셋업시 최신의 BootStrap 4.0으로 설정하고 테스트 중인데 LoadingSpinner 기능이 IE11에서 화면중앙이 아닌 화면 오른쪽 끝에서 보여지고 있습니다. -> Chrome브라우져에서는 정상적으로 화면중앙에 보여집니다.

아래 코드에서 modal-backdrop 속성이 IE11에서 이상하게 동작하는 것으로 의심은 되는데 더 이상 원인을 찾지 못해 조언을 구하고자 합니다. <div class="spinner-container modal-backdrop" ...>

CSS 내부 동작방식을 전혀 모르고 있고 브라우져 호환성 이슈여서 더욱 원인 파악이 쉽지 않습니다.

도움 부탁드립니다.

감사합니다.

not-for-me commented 6 years ago

@gangbeat 님 문의 주셔서 감사합니다.

혹시 관련해서 코드 일부라도 볼 수 있을까요? 공개가 어려우면 개인 메일로 주셔도 됩니다. jwj0831@gmail.com

gangbeat commented 6 years ago

회사 개발pc에서 코딩을 한것이라서 바로 보내드리기는 어렵고 주말에 집에서 개발환경을 동일하게 세팅해서 테스트해보고 재현되면 코드를 업로드 하겠습니다.

감사합니다.

네이버 메일 앱에서 보냈습니다. -----Original Message----- 보낸사람: "NFM" notifications@github.com 받는사람: "not-for-me/hb-angular-first" hb-angular-first@noreply.github.com 참조: "gangbeat" gangbeat@naver.com,"Mention" mention@noreply.github.com 날짜: 2018.07.20 오전 10:10:43 제목: Re: [not-for-me/hb-angular-first] LoadingSpinner 기능이 IE11에서 화면중앙이 아닌 오른쪽 끝에서 보여지는 이슈 (#23)

@gangbeat 님 문의 주셔서 감사합니다. 혹시 관련해서 코드 일부라도 볼 수 있을까요? 공개가 어려우면 개인 메일로 주셔도 됩니다. jwj0831@gmail.com — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

gangbeat commented 6 years ago

안녕하세요.

여러사정으로 집에서 테스트코드를 셋업하지 못하였습니다.

그 대신, 계속 테스트하다가 결국 원인을 찾았는데 다음 코드가 문제가 되었습니다.

"display: flex" 속성을 삭제하니 IE 11에서도 정상적으로 화면중앙에 LoadingSpinner가 보여지고 있습니다.

감사합니다.

not-for-me commented 6 years ago

검색을 해보니 flexbox 기능이 ie11에서 버그가 있는것 같군요...;

고생하셨을 것 같네요. ㅠ 수고하셨습니다.

이슈는 종결처리 합니다.