Help ionic newbie

Ionic Framework ionic-v3
1

Trying to nest a dropdown inside <ion-col>, <div> works, but <ion-select> does not work :frowning:

Any help will be appreciated.

<ion-content>
	<ion-list>
		<ion-item>
			<ion-grid>
				<ion-row>
					<ion-col width-50>						
						Dropdown:
					</ion-col>
					<ion-col>						
						<!-- works -->
						<div class="list">
							<div class="item item-input item-select">
								<div class="input-label">
									Lightsaber
								</div>
								<select>
									<option>Blue</option>
									<option selected>Green</option>
									<option>Red</option>
								</select>
							</div>
						</div>	
						<!-- works -->					  
						<!-- not working -->
						<ion-select >
							<ion-option value="f" selected="true">Female</ion-option>
							<ion-option value="m">Male</ion-option>
						</ion-select>	
						<!-- not working -->				
					</ion-col>
				</ion-row>
			</ion-grid>
		</ion-item>
	</ion-list>
</ion-content>
2

What does “does not work” mean? What happens?

is usually used in a <ion-item> Select - Ionic API Documentation - Ionic Framework and items are put in <ion-list>s. Maybe this is enough to fix your problem?

3

Also tried, didn’t work

4

I repeat:

Otherwise we don’t know what is wrong and can’t help. Maybe it is something totally unrelated.

5

By the way, here is an older post by someone who had exactly what you are trying to achieve working: Help ionic newbie

6

Well, the dropdown list does not show up when I used , but it
did show up with