MEMO2017-12-17コンポーネント私的ベストプラクティスメジャーなコンポーネントを作成する際の個人的なベストプラクティスに関してメモ。10px;}解説ツールチップ作る際に面倒なこととして、ツールチップの幅指定が挙げられる。absoluteな要素は親要素の幅を基準として幅計算されるため、テキストの長さに応じて自動的に幅調整させることが出来ない。実際、Backlogのツールチップの指定を見たところ直接widthの値を指定していた。その解決策が上記のスタイル指定。.ToolTipでwidthを指定しているが、このwidthはツールチップの最大幅となる。実際に長いテキストと短いテキストのパターンを見てみると、短いテキストの時は自動的にツールチップ自体も小さく、長いテキストの際は指定された最大幅で描画されているのがわかる。hiddenに非常に弱い点がある。解決策としては、JavaScriptを使用してbody直下にツールチップを生成するようにしてしまえば解決する。ちなみにその際は今回のような実装しなくてもツールチップは勝手に伸縮する。結論としては、より汎用性を高めたいのであればJavaScriptを記述してbody直下に生成。汎用性があればOKだったり、JavaScriptを記述出来ない事情があるのであれば今回の方法なのかなと思う。