click on the calendar field in a table responsive (with scrool bar) (cf picture in attachment)
With old calendar field:
With new calendar field :
calendar visible entirely
calendar not visible entirely
joomla 3.8
Do you have an idea to have the same result than the old calendar field?
may be something to change in the css?
Thanks
You are using here a 3rd party extension where the calendar is displayed in a list.
This is not a Joomla issue. Please ask for help in the forums.
Ok, can you give me the url ?
Thanks
Status | New | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-04-19 09:23:45 |
Closed_By | ⇒ | franz-wohlkoenig |
Closed_By | franz-wohlkoenig | ⇒ | joomla-cms-bot |
Set to "closed" on behalf of @franz-wohlkoenig by The JTracker Application at issues.joomla.org/joomla-cms/20201
@franz-wohlkoenig I'd suggest reopening this. I am not so sure this is a 3PD issue. We are basically saying the calendar cant be placed in a table.
Status | Closed | ⇒ | New |
Closed_Date | 2018-04-19 09:23:45 | ⇒ | |
Closed_By | joomla-cms-bot | ⇒ |
Closed_Date | 0000-00-00 00:00:00 | ⇒ |
Set to "open" on behalf of @franz-wohlkoenig by The JTracker Application at issues.joomla.org/joomla-cms/20201
Category | ⇒ | JavaScript Plugins |
reopened as stated above.
Title |
|
We are basically saying the calendar cant be placed in a table.
Isn’t also subform build with tables? I think in that case the calendar works pretty decent, so I have no clue what the css used in such case
Title |
|
if you have a CSS rule like:
... div {
position: relative;
overflow-y: scroll;
}
e.g. in this case something like
td > div {
position: relative;
overflow-y: scroll;
}
and it matches the outer container of the calendar you will get this effect
because the calendar is placed inside
<div class="field-calendar">
<div style="direction: ltr; position: absolute; box-shadow: rgba(0, 0, 0, 0.67) 0px 0px 70px 0px; min-width: 0px; padding: 0px; display: block; left: auto; top: auto; z-index: 1060; border-radius: 20px;" class="js-calendar">
...
</div>
</div>
there is no CSS rules for .field-calendar,
and if something override the defaults you will get issue like this
Indeed it is not a bug but, some inline CSS for outer container .field-calendar would help ?
Actually there is no guaranteed fix for this
even if you add CSS for .field-calendar that will be hard to override (e.g. inline)
Still someone can place the calendar inside a box with relative positioning, with a limited height and overflow hidden or scroll
Only guaranteed fix would be to have the calendar popup placed under body,
but then you (might) have other problems trying to keep the calendar positioned at the place that it was opened that will even depend on browser, still i think it is worth doing
Status | New | ⇒ | Discussion |
Actually there is no guaranteed fix for this
Well there is: web components and shadow DOM. But not for J3 :(
Labels |
Added:
J3 Issue
|
Status | Discussion | ⇒ | Closed - Unconfirmed Report |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2020-03-13 19:44:31 |
Closed_By | ⇒ | jwaisner |
Status | Closed - Unconfirmed Report | ⇒ | Closed |
Closed_By | jwaisner | ⇒ | joomla-cms-bot |
Set to "closed" on behalf of @jwaisner by The JTracker Application at issues.joomla.org/joomla-cms/20201
Closing this as it has been confirmed as not a bug in J3.
I see no picture here.