Phone can't resolve local .home domains on home WiFi after setting up Tailscale subnet routing + split DNS. PC on same network works fine
I've tried a lot of debugging to sort the following issue but couldn't. All help is appreciated.
I use ubuntu server, self hosted stack of pihole, jellyfin, nginx pm and other bunch of services reachable through .home domain.
Pihole handles the dns and npm reverse proxies the respective .home to their ports.
This all worked well with my pc and my phone before. Then I thought accessing the services remotely, so I installed tailscale on both the server and my phone. Used that for a while through tailscale's provided ip. I then wanted to access the services through .home on tailscale so I did the subnet routing by advertising my home subnet, got everything sorted on admin console on tailscale by adding custom nameserver with domain .home to my server's ip + split dns and it works.
But the problem I'm facing now is that even when I fully disconnect tailscale from my phone, and am on my home wifi network - the .home domains don't work anymore. Everything works fine on my pc. However, the ip:port does work on the phone, and I can still access my services, it is just the .home that don't.
Some of the stuff I tried:
\- Confirmed the phone's static DNS (pointed at my server's LAN IP) is still correctly set on the WiFi network's IP settings.
\- Checked Android's system-wide Private DNS setting.
\- Checked the browser's own Secure DNS / DNS-over-HTTPS settings.
I'm new to the self-hosting side, I've followed are yt tutorials and used ai to understand under the hood stuff.