### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [11월 8, 2024, 5:06오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/1 "2024-11-08T17:06:23Z")
스타일가이드(그리고 디스커스)를 처음 접합니다. 스타일가이드에 몇 가지 버그가 있는 것 같습니다. 예를 들어, 버튼 스타일가이드 페이지로 이동하면 페이지를 새로고침하지 않고는 나갈 수 없습니다. 새로고침 시 올바른 페이지가 로드되는 것을 보여줄 수도 있었겠지만, 개인정보 보호를 위해 헤더를 삭제해야 했습니다.
다른 문제들:
- 버튼 스타일가이드 페이지에서 검색이 더 이상 작동하지 않습니다
- 예제가 누락되어 있습니다 (btn-flat 등)
- .btn-quaternary, .btn-tertiary, btn-secondary와 같은 버튼이 누락되어 있습니다
- 사이드바를 클릭하면 페이지가 맨 위로 돌아가 버립니다
감사합니다!
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 8, 2024, 6:23오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/2 "2024-11-08T18:23:49Z")
> [@king\_laurel](#):
>
> 사이드바를 클릭하면 페이지가 맨 위로 이동합니다
이것은 PWA가 일반 웹사이트의 동작과 일치하도록 Discourse 전체에서 의도적으로 설정된 동작입니다. 다른 페이지로 가는 링크를 클릭하면 새 페이지의 맨 위로 스크롤됩니다.
사이트에 특히 큰 헤더가 있나요? 그렇다면 왜 짜증이 나는지 이해할 수 있습니다 🤔
> [@king\_laurel](#):
>
> 버튼 스타일 가이드
리포트해 주셔서 감사합니다! 이 PR로 수정될 예정입니다.
>
>
> Overriding computed properties with arguments is no longer supported by Ember, s…o we need to rename this computed property and add fallback logic manually.
>
> This fixes the styleguide 'buttons' page. Ref https://meta.discourse.org/t/styleguide-bugs/335211?u=david
---
### Author:  [@ToddZ](https://meta.discourse.org/u/ToddZ)
#### Post date: [11월 8, 2024, 6:31오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/3 "2024-11-08T18:31:12Z")
제 자체 스타일 가이드는 잘 작동했지만, 처음 로드할 때 [meta의 스타일 가이드](https://meta.discourse.org/styleguide)가 멈추는 현상이 발생했습니다. 새로고침을 한 후에는 모두 정상적으로 작동했습니다. 무거운 스크립트가 타임아웃되는 문제일 수 있습니다. 브라우저에 따라 때때로 랜덤한 Discourse 페이지가 완전히 로드되기 전에 타임아웃되는 현상을 확인합니다.
(또한 david가 누락된 버튼 예제를 처리한 것을 확인했습니다.)
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [11월 8, 2024, 6:32오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/4 "2024-11-08T18:32:26Z")
수정해 주셔서 감사합니다.
사이드바에 대한 제 기대는 페이지가 맨 위로 돌아가지 않는 것입니다. MDN과 비슷하게 말이죠:
> **[contrast() CSS function - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/filter-function/contrast)**
>
> The contrast() CSS function adjusts the contrast of the input image. Its result is a .
헤더가 유독 크다고 할 수는 없지만, 스타일 가이드의 세부 사항을 학습하면서 사이드바를 클릭해 내려가다 보면, 매번 페이지가 로드될 때마다 올바른 사이드바 위치로 다시 스크롤해야 하는 것이 번거롭게 느껴졌습니다.
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [11월 8, 2024, 6:36오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/5 "2024-11-08T18:36:19Z")
흥미롭네요. btn 스타일가이드 페이지로 이동했을 때, 사이드바를 클릭하여 페이지를 새로고침하지 않고 다른 스타일가이드 페이지로 전환할 수 있나요? 저는 로컬 개발 환경과 프로덕션 환경 모두에서 완전히 고정된 상태입니다.
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 8, 2024, 6:47오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/7 "2024-11-08T18:47:26Z")
> [@king\_laurel](#):
>
> 로컬 개발 환경과 프로덕션 환경 모두에서 완전히 막혀 있습니다.
위에서 언급한 제 ‘flat-button’ PR으로 이 문제가 수정됩니다. 현재 병합이 완료되었으므로, 최신 `main` 브랜치를 가져오면 상황이 훨씬 나아질 것입니다.
불행히도 그런 렌더링 오류가 발생하면 Ember가 불안정한 상태가 되어, 겉보기에는 관련이 없어 보이는 다른 부분들도 깨지는 문제가 발생합니다.
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [11월 8, 2024, 6:50오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/8 "2024-11-08T18:50:20Z")
다른 버그 하나 더 잡으려면… ㅋㅋ… 이모지 리액션을 👍에서 🚀으로 바꾸려고 했어요.
TS 오류 때문에 변경이 안 되는 것 같아요 (죄송해요 ㅋㅋ)
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [11월 8, 2024, 6:51오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/9 "2024-11-08T18:51:38Z")
이상하게도 이제 내 컴퓨터에서는 잘 작동하네요… ¯\_(ツ)\_/¯
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [11월 11, 2024, 6:51오후 UTC](https://meta.discourse.org/t/styleguide-bugs-on-buttons-page/335211/10 "2024-11-11T18:51:53Z")
이 주제는 마지막 답변 후 3일이 지나면 자동으로 닫힙니다. 새로운 답변은 더 이상 허용되지 않습니다.