Change awesomplete list width in a child table

Frappe Framework Customization
1

I would like to change the width of the “Awesomplete list” for a link field in a child table, without affecting the particular column’s width. In the below example, The width of the blue region should be unaffected while increasing the width of the red region. How can I achieve this?

image_694
image_694788×453 16 KB

2

To target a specific column, you can use these css selectors:

[data-page-route="Purchase Receipt"] [data-fieldname="items"] [data-fieldname="item_code"] .awesomplete ul 
{
    width: 500px;
}

So this example is targeting “Purchase Receipt Item”.item_code

[data-page-route=“Purchase Receipt”] => parent doctype name
[data-fieldname=“items”] => child Table field name, within parent doctype
[data-fieldname=“item_code”] => field name