List items text overflow not adjusting item height

@jdamien wrote:

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">

<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 of issue:

Pasted image336x588 18.5 KB

So I've got a bit of a messy ng-repeating list of radio buttons here. Some of them will have text that is too long for the width of the item and as such truncates with ellipsis. I've included the ionic class "item-text-wrap" at the list level (I've also tried at the item level with the same result) and it is working, however the height of the item does not adjust to the content when it's pushed down a line.

Do you know why this is happening/what I can do to fix this?

Thanks in advance!

Posts: 1

Participants: 1

Read full topic