JSX semantic highlight wrong for non-nested self-closing components
IllusionMH opened this issue · 0 comments
IllusionMH commented
Issue Type: Bug
Both DiscountedItemPrice and RegularItemPrice have same definitions (arrow function above), however if I nest DiscountedItemPrice into div it has proper color for custom component.
const ItemPrice = (props) => {
return props.discountAmount > -1
? <div><DiscountedItemPrice { ...props } /></div>
: <RegularItemPrice { ...props } />;
};Screen: Tokens for DiscountedItemPrice
Screen: Tokens for RegularItemPrice
However it will be displayed fine if I make it not self-closing
Screen: Tokens for RegularItemPrice (not self-closing)
/cc @aeschli
VS Code version: Code - Insiders 1.42.0-insider (f3dbcea, 2020-01-24T05:38:14.538Z)
OS version: Windows_NT x64 10.0.18363
System Info
| Item | Value |
|---|---|
| CPUs | Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz (12 x 3192) |
| GPU Status | 2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on oop_rasterization: disabled_off protected_video_decode: enabled rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled viz_display_compositor: enabled_on viz_hit_test_surface_layer: disabled_off_ok webgl: enabled webgl2: enabled |
| Load (avg) | undefined |
| Memory (System) | 31.72GB (13.52GB free) |
| Process Argv | |
| Screen Reader | no |
| VM | 0% |