How to prevent radio button showing "..."?


#1

		  <label class="item item-input">	
			  <label class="item item-radio"  ng-click="selectBidType('Sell')">
			    <input type="radio" name="group" required="required">
			    <div class="item-content" >
			      Sell
			    </div>
			    <i class="radio-icon ion-checkmark"></i>
			  </label>

			  <label class="item item-radio" ng-click="selectBidType('Buy')">
			    <input type="radio" name="group" required="required">
			    <div class="item-content"    >
			      Buy
			    </div>
			    <i class="radio-icon ion-checkmark"></i>
			  </label>	

			  <label class="item item-radio" ng-click="selectBidType('Barter')">
			    <input type="radio" name="group"  required="required">
			    <div class="item-content">
			      Barter
			    </div>
			    <i class="radio-icon ion-checkmark"></i>
			  </label>														
		  </label>

#2

You can override the text-overflow property.

Taken from dev tools

.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {

text-overflow: initial;
}

#3

Thanks. that fixed it.


#4

Is the radio button group an ionic component or custom? I’ve been looking everywhere for this and haven’t found it in the docs?