Merge pull request #142 from xsnippet/fix-tag-bar

[Tags] Fix NewSnippet header tags input

Author: lotrien

src/components/NewSnippet.jsx

@@ -37,10 +37,6 @@ const NewSnippet = ({ fetchSyntaxes, postSnippet, history, syntaxes }) => {
     fetchSyntaxes()
   }, [])
 
-  useEffect(() => {
-    recalcLangHeaderHeight()
-  }, [tags])
-
   function validate() {
     return validateSnippet({ content: content.trim() })
   }
@@ -49,13 +45,6 @@ const NewSnippet = ({ fetchSyntaxes, postSnippet, history, syntaxes }) => {
     postSnippet({ content, title, tags: tags.map(tag => tag.text), syntax, cb: json => history.push(`/${json.id}`) })
   }
 
-  const recalcLangHeaderHeight = () => {
-    const height = snippetHeader.current.offsetHeight
-
-    document.getElementsByClassName('new-snippet-lang-header')[0]
-      .setAttribute('style', `height:${height}px`)
-  }
-
   const onTagBlur = tag => onTagAdded({ id: tag, text: tag })
 
   const onTagAdded = tag => {

src/styles/common/overwrite.styl

@@ -25,6 +25,8 @@
     width: 47%
     padding: 3px 5px 0
     min-height: 29px
+    height: 29px
+    overflow: scroll
     border-radius: 3px
     background-color: snippet-header-normal
   &__tag