ngTags를 스크롤 가능하게 만들기

Question

누구나 ng 입력 태그 (각도)를 X 방향으로 스크롤 할 수있게 만드는 방법을 알려줄 수 있습니까? 현재 태그를 삽입하면 div의 높이가 증가합니다. 폭 : 내가 원하는 내가 태그를 삽입 갈 경우는 X 방향으로 내가 시도

스크롤해야한다는 것입니다 자동; 높이 : 34px; 오버 플로우 엑스 : 자동; 오버 플로우-Y : 숨겨진; white-space : nowrap; 그러나 예상대로 작동하지 않았습니다.

그래서 내가 잘못 된 부분을 알려주십시오.

Answer 1

나는 이것이 늦었다 고 알고있다. 그러나 나는 비슷한 질문이 최근에 풀리지 않는 것을 보았다. 그리고 이것은이 문제에 대한 구글 검색의 최상위에있다. CSS 만 사용하여이 작업을 수행 할 수 있습니다. 시각 효과를 추가하려면 스크롤 막대 사용자 정의를 시도하십시오. X 방향에 대한

:

당신이 당신의 태그에 최소 폭 또는 너비를 설정하려는 경우이 조금 추한 얻을 수 있습니다. 에 고정 된 높이를 적용

: Y 방향의 경우

tags-input .tags .tag-list { 
    display: flex; 
    flex-direction: row; 
    overflow-x: auto; 
} 

tags-input .tags .tag-item { 
    /* Applying this display class */ 
    display: inline-table;   

    /* OR set the tag width to ensure that the text is visible */ 
    min-width: 150px; /* Could also use width: 123px */ 
} 

This Github issue is also directly related to the problem.

:

나는 X 방향으로 그것을 발견 한 유일한 방법은 인 flexbox을 사용하고 있습니다 .tags 클래스를 스크롤하고 overflow-y을 스크롤하면 원하는 결과를 얻을 수 있습니다.

.tags { 
    height: 34px; 
    overflow-y: scroll; 
} 

Answer 2

헤이 심지어 내가 couldnt는 so..but하려고 노력

.tags-input { 
 
     max-width: 100%; 
 
     line-height: 22px; 
 
     overflow-y: scroll; 
 
     overflow-x: scroll; 
 
     height: 65px; 
 
     cursor: text; 
 
}