From a508918d1f34b5e5e259660d370371d54b38ce44 Mon Sep 17 00:00:00 2001
From: Pekka Helesuo <pekka.helesuo@siili.com>
Date: Tue, 26 Nov 2024 14:05:27 +0200
Subject: [PATCH] do not limit dropdown menu width

---
 .../publisher2/view/form/GeneralInfoForm.jsx          | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/bundles/framework/publisher2/view/form/GeneralInfoForm.jsx b/bundles/framework/publisher2/view/form/GeneralInfoForm.jsx
index 56023d29a1..bf116130c0 100644
--- a/bundles/framework/publisher2/view/form/GeneralInfoForm.jsx
+++ b/bundles/framework/publisher2/view/form/GeneralInfoForm.jsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { LabeledInput, Select, Option, Message, Label } from 'oskari-ui';
 import styled from 'styled-components';
 import { InfoIcon } from 'oskari-ui/components/icons';
-
+import { PropTypes } from 'prop-types';
 const FieldWithInfo = styled('div')`
     display: flex;
     flex-direction: row;
@@ -13,12 +13,11 @@ const FieldWithInfo = styled('div')`
 const BUNDLE_KEY = 'Publisher2';
 
 export const GeneralInfoForm = ({ onChange, data }) => {
-
     const [state, setState] = useState({
         name: data.name.value ? data.name.value : null,
         domain: data.domain.value ? data.domain.value : null,
         language: data.language.value ? data.language.value : Oskari.getLang()
-    })
+    });
 
     const languages = Oskari.getSupportedLanguages();
 
@@ -73,6 +72,7 @@ export const GeneralInfoForm = ({ onChange, data }) => {
                         });
                         onChange('language', lang);
                     }}
+                    popupMatchSelectWidth={false}
                 >
                     {languages.map(lang => (
                         <Option value={lang} key={lang}>
@@ -85,3 +85,8 @@ export const GeneralInfoForm = ({ onChange, data }) => {
         </div>
     );
 };
+
+GeneralInfoForm.propTypes = {
+    onChange: PropTypes.func,
+    data: PropTypes.obj
+};