Android: font icon (font://...) in ActionItem or Image gets clipped #10857
Description
Issue Description
When displaying a font icon inside ActionItem or Image with font://..., then the icon gets clipped on Android on the top and right.
I tested FontAwesome Free webfont and Material Design Icon webfont.
XML:
<ActionItem icon="font://" class="actionitem fa-solid" .../>
<Image src="font://" class="icon fa-solid" .../>
CSS:
.mdi {
font-family: 'Material Design Icons', materialdesignicons-webfont;
}
.fa-solid {
font-family: Font Awesome 6 Free, fa-solid-900;
font-weight: 900;
}
.actionitem,
.icon {
font-size: 19;
}
Image:
ActionItem:
Reproduction
sample app for reproduction:
Relevant log output (if applicable)
-Environment
OS: macOS 26.0
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: /bin/zsh
node: 22.19.0
npm: 11.6.0
nativescript: 8.9.3
# android
java: 17.0.11
ndk: Not Found
apis: 29, 30, 32, 33, 34, 35, 36
build_tools: 25.0.2, 27.0.3, 28.0.3, 29.0.2, 30.0.2, 30.0.3, 32.0.0, 33.0.0, 33.0.1, 33.0.2, 34.0.0, 35.0.0, 35.0.1
system_images:
- android-29 | Google Play Intel x86_64 Atom
- android-30 | Google Play Intel x86 Atom
- android-32 | Google Play Intel x86_64 Atom
- android-34 | Google Play Intel x86_64 Atom
- android-35 | Intel x86_64 Atom
- android-35 | Google Play Intel x86_64 Atom
- android-35 | Google Play Tablet Intel x86_64 Atom
- android-36 | Pre-Release 16 KB Page Size Google Play Intel x86_64 Atom
# ios
xcode: 26.0/17A324
cocoapods: 1.16.2
python: 2.7.18
python3: 3.13.0
ruby: 2.6.10
platforms:
- DriverKit 25.0
- iOS 26.0
- macOS 26.0
- tvOS 26.0
- visionOS 26.0
- watchOS 26.0Dependencies
"dependencies": {
"@nativescript/core": "^8.9.9"
},
"devDependencies": {
"@nativescript/android": "^8.9.2",
"@nativescript/webpack": "^5.0.24"
}Please accept these terms
- I have searched the existing issues as well as StackOverflow and this has not been posted before
- This is a bug report
- I agree to follow this project's Code of Conduct