Problem with ansible role - in Host Groups

Problem:
Foreman no show Ansible Roles in Host Group Tab

Expected outcome:
Show Ansible roles

Foreman and Proxy plugin versions:

  • ansible-collection-theforeman-foreman-4.0.0-2.el8.noarch
  • ansiblerole-foreman_scap_client-0.2.0-2.el8.noarch
  • candlepin-4.3.12-1.el8.noarch
  • candlepin-selinux-4.3.12-1.el8.noarch
  • foreman-3.10.0-1.el8.noarch
  • foreman-cli-3.10.0-1.el8.noarch
  • foreman-debug-3.10.0-1.el8.noarch
  • foreman-dynflow-sidekiq-3.10.0-1.el8.noarch
  • foreman-installer-3.10.0-1.el8.noarch
  • foreman-installer-katello-3.10.0-1.el8.noarch
  • foreman-obsolete-packages-1.6-1.el8.noarch
  • foreman-postgresql-3.10.0-1.el8.noarch
  • foreman-proxy-3.10.0-1.el8.noarch
  • foreman-redis-3.10.0-1.el8.noarch
  • foreman-release-3.10.0-1.el8.noarch
  • foreman-selinux-3.10.0-1.el8.noarch
  • foreman-service-3.10.0-1.el8.noarch
  • foreman-vmware-3.10.0-1.el8.noarch
  • katello-4.12.0-1.el8.noarch
  • katello-certs-tools-2.9.0-2.el8.noarch
  • katello-client-bootstrap-1.7.9-2.el8.noarch
  • katello-common-4.12.0-1.el8.noarch
  • katello-debug-4.12.0-1.el8.noarch
  • katello-repos-4.12.0-1.el8.noarch
  • katello-selinux-5.0.2-1.el8.noarch
  • pulpcore-obsolete-packages-1.0-9.el8.noarch
  • pulpcore-selinux-2.0.1-1.el8.x86_64
  • puppet-foreman_scap_client-1.0.0-2.el8.noarch
  • python3.11-pulp-ansible-0.20.2-3.el8.noarch
  • python3.11-pulp-certguard-1.7.1-2.el8.noarch
  • python3.11-pulp-cli-0.21.2-5.el8.noarch
  • python3.11-pulp-container-2.16.4-1.el8.noarch
  • python3.11-pulp-deb-3.0.1-1.el8.noarch
  • python3.11-pulp-file-1.15.1-2.el8.noarch
  • python3.11-pulp-glue-0.21.2-3.el8.noarch
  • python3.11-pulp-python-3.10.0-3.el8.noarch
  • python3.11-pulp-rpm-3.23.3-1.el8.noarch
  • python3.11-pulpcore-3.39.11-1.el8.noarch
  • rubygem-foreman-tasks-9.1.1-1.fm3_11.el8.noarch
  • rubygem-foreman_ansible-14.0.0-1.fm3_11.el8.noarch
  • rubygem-foreman_bootdisk-21.2.1-2.fm3_10.el8.noarch
  • rubygem-foreman_maintain-1.5.1-1.el8.noarch
  • rubygem-foreman_openscap-7.1.1-2.fm3_10.el8.noarch
  • rubygem-foreman_puppet-6.2.0-1.fm3_10.el8.noarch
  • rubygem-foreman_remote_execution-13.0.0-1.fm3_11.el8.noarch
  • rubygem-foreman_remote_execution-cockpit-13.0.0-1.fm3_11.el8.noarch
  • rubygem-foreman_snapshot_management-3.0.0-2.fm3_11.el8.noarch
  • rubygem-foreman_webhooks-3.2.2-2.fm3_10.el8.noarch
  • rubygem-hammer_cli-3.10.0-1.el8.noarch
  • rubygem-hammer_cli_foreman-3.10.0-1.el8.noarch
  • rubygem-hammer_cli_foreman_ansible-0.6.0-1.fm3_9.el8.noarch
  • rubygem-hammer_cli_foreman_puppet-0.0.7-1.fm3_10.el8.noarch
  • rubygem-hammer_cli_foreman_remote_execution-0.3.0-1.fm3_10.el8.noarch
  • rubygem-hammer_cli_foreman_tasks-0.0.20-1.fm3_10.el8.noarch
  • rubygem-hammer_cli_katello-1.12.0-0.1.pre.master.20240122184453git9a6ae05.el8.noarch
  • rubygem-katello-4.12.0-1.el8.noarch
  • rubygem-pulp_ansible_client-0.20.3-1.el8.noarch
  • rubygem-pulp_certguard_client-1.6.5-1.el8.noarch
  • rubygem-pulp_container_client-2.16.4-1.el8.noarch
  • rubygem-pulp_deb_client-3.0.1-1.el8.noarch
  • rubygem-pulp_file_client-1.15.1-1.el8.noarch
  • rubygem-pulp_ostree_client-2.1.3-1.el8.noarch
  • rubygem-pulp_python_client-3.10.0-1.el8.noarch
  • rubygem-pulp_rpm_client-3.23.2-1.el8.noarch
  • rubygem-pulpcore_client-3.39.9-1.el8.noarch
  • rubygem-smart_proxy_pulp-3.3.0-1.fm3_10.el8.noarch

Does the browser console show any errors?

edit:1 [DOM] Found 2 elements with non-unique id #: (More info: https://goo.gl/9p2vKq) <input multiple=โ€‹"multiple" value=โ€‹"2" id autocomplete=โ€‹"off" type=โ€‹"hidden" name=โ€‹"hostgroup[location_ids]โ€‹[]โ€‹">โ€‹ <input multiple=โ€‹"multiple" value=โ€‹"3" id autocomplete=โ€‹"off" type=โ€‹"hidden" name=โ€‹"hostgroup[organization_ids]โ€‹[]โ€‹">โ€‹
react-dom.production.min.js:209 TypeError: Cannot read properties of undefined (reading 'kt_activation_keys')
The error may be correlated with this previous error:
TypeError: Cannot read properties of undefined (reading 'kt_activation_keys')
    at a.selectTypeAheadSelectExists (https://foreman.mydomain.com/webpack/bundle.js:2:808234)
    at Object.current (https://foreman.mydomain.com/webpack/bundle.js:2:810090)
    at e [as onStateChange] (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24618)
    at t.handleChangeWrapper (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15699)
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15026
    at ec (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:94075)
    at Object.notify (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:14995)
    at t.notifyNestedSubs (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15631)
    at t.handleChangeWrapper (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15699)
    at h (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:306:34900)


    at a.selectTypeAheadSelectExists (https://foreman.mydomain.com/webpack/bundle.js:2:808234)
    at https://foreman.mydomain.com/webpack/bundle.js:2:810090
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24363
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24797
    at u (https://foreman.mydomain.com/webpack/bundle.js:2:810037)
    at Ka (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:58067)
    at Ai (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:66928)
    at hl (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:105525)
    at sc (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:96854)
    at lc (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:96779)
el @ react-dom.production.min.js:209
TypeAheadSelectSelectors.js:8 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'kt_activation_keys')
The error may be correlated with this previous error:
TypeError: Cannot read properties of undefined (reading 'kt_activation_keys')
    at a.selectTypeAheadSelectExists (https://foreman.mydomain.com/webpack/bundle.js:2:808234)
    at Object.current (https://foreman.mydomain.com/webpack/bundle.js:2:810090)
    at e [as onStateChange] (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24618)
    at t.handleChangeWrapper (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15699)
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15026
    at ec (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:94075)
    at Object.notify (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:14995)
    at t.notifyNestedSubs (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15631)
    at t.handleChangeWrapper (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:15699)
    at h (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:306:34900)


    at a.selectTypeAheadSelectExists (https://foreman.mydomain.com/webpack/bundle.js:2:808234)
    at https://foreman.mydomain.com/webpack/bundle.js:2:810090
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24363
    at https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:290:24797
    at u (https://foreman.mydomain.com/webpack/bundle.js:2:810037)
    at Ka (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:58067)
    at Ai (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:66928)
    at hl (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:105525)
    at sc (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:96854)
    at lc (https://foreman.mydomain.com/webpack/foreman-vendor.bundle-v12.2.3-production-0a199a5e8633973901ec.js:277:96779)
732.js:2 Component name already taken: ReactApp
register @ 732.js:2
732.js:2 Component name already taken: SearchBar
register @ 732.js:2
732.js:2 Component name already taken: ColumnSelector
register @ 732.js:2
732.js:2 Component name already taken: AutoComplete
register @ 732.js:2
732.js:2 Component name already taken: AreaChart
register @ 732.js:2
732.js:2 Component name already taken: DonutChart
register @ 732.js:2
732.js:2 Component name already taken: LineChart
register @ 732.js:2
732.js:2 Component name already taken: PowerStatus
register @ 732.js:2
732.js:2 Component name already taken: NotificationContainer
register @ 732.js:2
732.js:2 Component name already taken: ToastNotifications
register @ 732.js:2
732.js:2 Component name already taken: StorageContainer
register @ 732.js:2
732.js:2 Component name already taken: PasswordStrength
register @ 732.js:2
732.js:2 Component name already taken: BreadcrumbBar
register @ 732.js:2
732.js:2 Component name already taken: Pagination
register @ 732.js:2
732.js:2 Component name already taken: Layout
register @ 732.js:2
732.js:2 Component name already taken: EmptyState
register @ 732.js:2
732.js:2 Component name already taken: BarChart
register @ 732.js:2
732.js:2 Component name already taken: ChartBox
register @ 732.js:2
732.js:2 Component name already taken: ComponentWrapper
register @ 732.js:2
732.js:2 Component name already taken: ConfigReports
register @ 732.js:2
732.js:2 Component name already taken: DiffModal
register @ 732.js:2
732.js:2 Component name already taken: ExternalLogout
register @ 732.js:2
732.js:2 Component name already taken: Slot
register @ 732.js:2
732.js:2 Component name already taken: TypeAheadSelect
register @ 732.js:2
732.js:2 Component name already taken: DatePicker
register @ 732.js:2
732.js:2 Component name already taken: RedirectCancelButton
register @ 732.js:2
732.js:2 Component name already taken: SettingRecords
register @ 732.js:2
732.js:2 Component name already taken: SettingsTable
register @ 732.js:2
732.js:2 Component name already taken: SettingUpdateModal
register @ 732.js:2
732.js:2 Component name already taken: PersonalAccessTokens
register @ 732.js:2
732.js:2 Component name already taken: ClipboardCopy
register @ 732.js:2
732.js:2 Component name already taken: LabelIcon
register @ 732.js:2
732.js:2 Component name already taken: RelativeDateTime
register @ 732.js:2
732.js:2 Component name already taken: LongDateTime
register @ 732.js:2
732.js:2 Component name already taken: ShortDateTime
register @ 732.js:2
732.js:2 Component name already taken: IsoDate
register @ 732.js:2
732.js:2 Component name already taken: FormField
register @ 732.js:2
732.js:2 Component name already taken: InputFactory
register @ 732.js:2
732.js:2 Component name already taken: Editor
register @ 732.js:2
732.js:2 Component name already taken: TemplateGenerator
register @ 732.js:2
732.js:2 Component name already taken: LoginPage
register @ 732.js:2
732.js:2 Component name already taken: WelcomeAuthSource
register @ 732.js:2
732.js:2 Component name already taken: WelcomeConfigReports
register @ 732.js:2
732.js:2 Component name already taken: WelcomeArchitecture
register @ 732.js:2
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

Thats an issue in foreman nightly thats caused by Fixes #37280 - remove typeAheadSelect by MariaAga ยท Pull Request #10101 ยท theforeman/foreman ยท GitHub
Iโ€™m working on fixing it

2 Likes