2011-05-18 12 views
6

Mam standardowe okno dialogowe interfejsu użytkownika jQuery. Wewnątrz tego okna dialogowego mam niestandardowy przycisk jQuery UI, który pozwala mi wybrać typ zdarzenia dla zdarzenia kalendarza. Korzystam z narzędzia położenia jQuery UI, aby całkowicie ustawić element div, który zawiera listę dostępnych typów zdarzeń, jak widać na obrazku.Okno dialogowe jQuery UI z absolutnie pozycjonowanym dzieckiem częściowo ukrywa przepełnione dziecko

Po wyświetleniu elementu div typu zdarzenia dowolna zawartość dłuższa niż dostępna przestrzeń znika pod krawędzią okna dialogowego. Spodziewałbym się tego, gdyby był to element iframe, lub gdyby absolutnie umieszczony rodzic miał wyższy indeks Z. Jednak okno dialogowe interfejsu użytkownika jQuery to prosty div z bezwzględną pozycją z indeksem Z równym 1002 (domyślny), a div mojego widgetu, który wyświetla typy zdarzeń, jest pozycjonowany bezwzględnie div, który ma indeks z 1003. Spodziewałbym się że mój div będzie miał wyższy priorytet w kolejności układania.

Moje pytanie brzmi: co się tutaj dzieje? Dlaczego mój div jest ukryty przy dolnej krawędzi okna dialogowego?

screenshot of issue

+1

Ładna, czysto wyglądająca aplikacja, którą tam masz. – DarthJDG

+1

Pozdrawiam. To się nazywa ThoughtFarmer (www.thoughtfarmer.com) –

Odpowiedz

6

Wygląda na to, że to overflow: hidden na elemencie dialogowym zewnętrznej. Ustawienie przepełnienia: widoczny problem rozwiązany.

+0

+1, dzięki, miał odpowiedzieć dokładnie to samo pytanie – mreq

+0

Tak, miałem ten sam problem i naprawić go z:. $ (”. Ui-dialog ') css (' przepełnienie "," widoczne "); – jimasp

1

Czy Twój zawierający elementu dialogowe (z-index 1002) mają overflow: hidden; ustawić w dowolnym miejscu w swojej CSS?

Powiązane problemy