Configurable extended click area for all LVGL components

[iBobik]

Component name

lvgl

Link to component documentation on our website

https://esphome.io/components/lvgl/widgets.html

Describe the enhancement

Add global and widget-local option for "extended click area“.

Use cases

On some screen sizes it is difficult to click elements precisely, so it would be helpful to extend touch area.

Workaround

Put this in the page:

on_load:
  then:
    - lambda: lv_obj_set_ext_click_area(id(buttion_id), 50);

Or just increase buttons size, but this is not always practical.

Anything else?

https://docs.lvgl.io/latest/en/html/API/core/lv_obj_pos.html#_CPPv425lv_obj_set_ext_click_areaP8lv_obj_t7int32_t

[github-actions[bot]]

🏷️ I've automatically added the component: lvgl label to help categorize this feature request.