Search code examples
htmlcssangularjsangularjs-ng-include

Text Within Ng-include Doesn't Highlight

I have a div inside an ng-include template that won't highlight when you mouse over. The cursor does change to a pointer on hovering over the text, but when you actually click and drag to highlight the text, nothing highlights.

This is important because I can't tab through the elements inside the ng-included template, which is a requirement for screen readability. Any ideas what's going on?

Parent template:

<div ng-controller="EntryController">
    <!-- Stuff that works -->
    <div ng-include="'entry_review.html'"></div>
</div>

entry_review.html:

<div>hello</div>

Result - not able to click and drag a highlight over "hello". Also can't tab through it (which is the real problem).

Solution

  • It probably has 'user-select: none;' somewhere in the CSS?

    Angular shouldn't have any affect on this.