Snippet of Code:
<ion-header-bar align-title="center" class="bar-positive">
<div class="button button-clear" ng-click="closeGlobalTaskModal()">Cancel</div>
<h1 class="title">Add Global Task</h1>
<div class="button button-clear" ng-click="saveAndCloseGlobalTaskModal()">Done</div>
</ion-header-bar>
<ion-content>
<form class="list item-text-wrap">
<!-- GLOBAL TASK NAME BOX START -->
<label class="item item-input">
<input type="text" placeholder="Enter Global Task Name" ng-model="globalTask.taskName" ng-keyup="maxLengthValidation()">
<h6 class="eag-character-count">{{globalTask.taskName.length}}/{{maxLength}}</h6>
</label>
<!-- GLOBAL TASK NAME BOX END -->
<ion-item class="item-divider">Category:</ion-item>
<!-- SEARCH BOX START -->
<label class="item item-input" name="Search">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="Search" ng-model="globalTask.task">
</label>
<!-- SEARCH BOX END -->
<!-- GOBAL TASK CODES (ng-repeat) START -->
<label class="item item-radio" collection-repeat="globalTaskItem in globalTaskList | filter:globalTask.task">
<input type="radio" name="group" ng-model="SelectedValue" ng-click="selectedGlobaltask(globalTaskItem)" ng-checked="{{checked}}">
<div class="item-content">
{{globalTaskItem.standardCodeName}}
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<!-- GOBAL TASK CODES (ng-repeat) END -->
<!-- NO RESULTS MESSAGE START -->
<label class="item" ng-if="results.length == 0">
<strong>No results found...</strong>
</label>
<!-- NO RESULTS MESSAGE END -->
</form>
</ion-content>
Screenshot for reference: https://i.sstatic.net/aryO1.png
I'm facing an issue with a list of radio buttons using ng-repeat. Some text in the items is too long and gets truncated with ellipsis because it exceeds the width of the item. I have already applied the Ionic class "item-text-wrap" at the list level, but the height of the item does not adjust according to the content when it wraps onto a new line.
Can anyone suggest why this might be happening or provide a solution to fix it?
Thank you in advance!