ember-text-overflow

Ember addon for working with text

Usage no npm install needed!

<script type="module">
  import emberTextOverflow from 'https://cdn.skypack.dev/ember-text-overflow';
</script>

README

ember-text-overflow Ember Observer Score npm version travis status

ember-text-overflow component that clips overflowing text and shows full-text when mouseover. DEMO

demo gif

Installation

ember install ember-text-overflow

Usage

  <div class="small-container">
    <TextOverflow>
      long long long long long long long long text
    </TextOverflow>
  </div>

.small-container {
  max-width: 80px;
}

Limitations

Works with inline text, wrapping container should have overflow: visible