mirror of
				https://github.com/ionic-team/ionic-framework.git
				synced 2025-11-04 03:48:13 +08:00 
			
		
		
		
	fix(select-modal): hide focus option's border for ionic theme (#30660)
Issue number: resolves internal --------- ## What is the current behavior? When opening a ion-select with a modal interface, the first option is focused and, as such, has a border. This happens because an ion-item is being rendered, which has a specific styling for focused stated. ## What is the new behavior? When inside a `ion-select-modal`, we don't want this specific `ion-item` styling. ## Does this introduce a breaking change? - [ ] Yes - [x] No
This commit is contained in:
		
				
					committed by
					
						
						Marta Carlos
					
				
			
			
				
	
			
			
			
						parent
						
							f72f753117
						
					
				
				
					commit
					828470aaed
				
			@ -11,6 +11,11 @@ ion-item {
 | 
				
			|||||||
  --border-width: 0;
 | 
					  --border-width: 0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					ion-item.ion-focused::part(native)::after {
 | 
				
			||||||
 | 
					  // Your styles for the ::after pseudo element when ion-item is focused
 | 
				
			||||||
 | 
					  border: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// Toolbar
 | 
					// Toolbar
 | 
				
			||||||
// ----------------------------------------------------------------
 | 
					// ----------------------------------------------------------------
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user