I’m not sure if this is an ionic-specific thing or not, but I’ve never encountered it before. This is happening in both web browsers (ionic serve Chrome, Safari, etc) and on iPad. I have an element that has ng-show, the variable for which gets set to TRUE on click of any of the elements in a list on the same page.
< div class=“objectText” ng-show=“wineDetails” >
< h4 >{{selectedWine.name}}< /h4 >
< p >{{selectedWine.desc}}< /p >
< /div >
Looks like this:
Problem is, when selectedWine.desc isn’t as long, SOMETIMES you get these slivers of text showing up from previous clicks.
This behavior isn’t consistent at all and happens maybe 10% of the time. Still, that’s enough to warrant a problem.
I’ve tried putting ng-show on the < p > tag, but that doesn’t fix it. I’ve tried setting that < p > tag to have a fixed height and white background to be taller than the text is, but still the slivers show up in that area.
Tried ng-cloak to no avail as well.
Any help appreciated!