Running the react shell with restaurant finder, the images rendered inside card layouts appear visibly stretched/squished--pixels are scaled non-uniformly to match the row's height.
Repro steps
- Run the restaurant-finder agent (
samples/agent/adk/restaurant_finder).
- Run the React shell (
samples/client/react/shell).
- Open the app at
http://localhost:5003/ and submit any prompt (or use ?mock=true to skip the agent call).
- Observe the restaurant photos in the result cards.
Root cause
The basic catalog's Row defaults to align-items: stretch, so any flex child gets stretched to the row's height. The React Image renders a bare <img> whose default objectFit is 'fill', causing the image to scale non-uniformly along the stretched axis.
Related: #1298
Running the react shell with restaurant finder, the images rendered inside card layouts appear visibly stretched/squished--pixels are scaled non-uniformly to match the row's height.
Repro steps
samples/agent/adk/restaurant_finder).samples/client/react/shell).http://localhost:5003/and submit any prompt (or use?mock=trueto skip the agent call).Root cause
The basic catalog's
Rowdefaults toalign-items: stretch, so any flex child gets stretched to the row's height. The ReactImagerenders a bare<img>whose defaultobjectFitis'fill', causing the image to scale non-uniformly along the stretched axis.Related: #1298