I don't know if this is a bug or an undocumented requirement, but it seems the ID of the triggering component mustn't contain dots.
It does not work as vcf-popup uses JavaScript querySelector function to find the element, and "." is class selector in it. Hence using "." will mess up things. So yes, intentionally not supported. For same reasons you can get odd results with "#" too.