Text to big and overflowing

[bermanapps]

Hi,
Im using this library, but on some devices when the text is bigger, the writing doesnt all show up, and the widget doesnt expand to fill all the text.
Attached is a screen shot.

The full text is "This apointment is urgent", and the second option is "This apointment can wait a day or two". But as you see, its not showing the full text.
Here is my full code of the widget.

  DropdownButtonFormField2(
                decoration: InputDecoration(
                  isDense: true,
                  contentPadding: EdgeInsets.zero,
                  border: OutlineInputBorder(
                    borderSide: BorderSide(color: Colors.blue, width: 0.0),
                    borderRadius: BorderRadius.circular(15),
                  ),
                  // label: Text('Gender'),
                  //Add more decoration as you want here
                  //Add label If you want but add hint outside the decoration to be aligned in the button perfectly.
                ),
                isExpanded: true,
                hint: Text(
                  'Priority',
                  style: TextStyle(fontSize: 20),
                ),
                items: priorityDropDownList
                    .map((item) => DropdownMenuItem<String>(
                  value: item,
                  child: Text(
                    item,
                    style: TextStyle(
                      fontSize: 20,
                    ),
                  ),
                ))
                    .toList(),
                validator: (value) {
                  if (value == null) {
                    return 'Priority';
                  }
                  return null;
                },
                // value: selectedValue == 'NONE' ? null : selectedValue,
                onChanged: (value) {
                  //Do something when changing the item if you want.
                  // ref.read(intValueProvider.notifier).state = getIntFromStringValue(value!);
                  selectedPriority = value!;
                },
                onSaved: (value) {
                  // selectedValue = value.toString();
                },
                buttonStyleData: const ButtonStyleData(
                  height: 60,
                  padding: EdgeInsets.only(left: 0, right: 10),
                ),
                iconStyleData: const IconStyleData(
                  icon: Icon(
                    Icons.arrow_drop_down,
                    color: Colors.black45,
                  ),
                  iconSize: 30,
                ),
                dropdownStyleData: DropdownStyleData(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(15),
                  ),
                ),
              ),

[AhmedLSayed9]

Duplicate of #163

[AhmedLSayed9]

Wait, are you referring to the height not the width?

[bermanapps]

Height, I see that issue you referenced is refering to width

[AhmedLSayed9]

Set isDense to false and you can increase itemHeight using menuItemStyleData.height.

[AhmedLSayed9]

Hint: Predefine the maximum lines you might need and set proper itemHeight for that. Then you can set maxLines and text overflow for your items text.

[bermanapps]

So there is no way that the height will automatically adjust based on how many lines is needed for the text?

[AhmedLSayed9]

So there is no way that the height will automatically adjust based on how many lines is needed for the text?

Currently, no. That's because the menu scroll offset is being calculated based on items heights.

Anyway, this is relevant to #111.