J3 Issue ?
avatar fuscage
fuscage
19 Apr 2018

Steps to reproduce the issue

click on the calendar field in a table responsive (with scrool bar) (cf picture in attachment)

With old calendar field:

screen shot 2018-04-19 at 08 23 04

With new calendar field :

screen shot 2018-04-19 at 08 22 36

Expected result

calendar visible entirely

Actual result

calendar not visible entirely

System information (as much as possible)

joomla 3.8

Additional comments

Do you have an idea to have the same result than the old calendar field?
may be something to change in the css?
Thanks

avatar fuscage fuscage - open - 19 Apr 2018
avatar infograf768
infograf768 - comment - 19 Apr 2018

I see no picture here.

avatar fuscage fuscage - change - 19 Apr 2018
The description was changed
avatar fuscage fuscage - edited - 19 Apr 2018
avatar fuscage fuscage - change - 19 Apr 2018
The description was changed
avatar fuscage fuscage - edited - 19 Apr 2018
avatar infograf768
infograf768 - comment - 19 Apr 2018

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.

avatar fuscage
fuscage - comment - 19 Apr 2018

Ok, can you give me the url ?
Thanks


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20201.

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 19 Apr 2018

Please ask help on the forums. This repository concerns in first Place Joomla-Core coding. For this Reason closing this Issue, thanks.

avatar franz-wohlkoenig franz-wohlkoenig - change - 19 Apr 2018
Status New Closed
Closed_Date 0000-00-00 00:00:00 2018-04-19 09:23:45
Closed_By franz-wohlkoenig
avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2018
Closed_By franz-wohlkoenig joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 19 Apr 2018
avatar joomla-cms-bot
joomla-cms-bot - comment - 19 Apr 2018
avatar fuscage
fuscage - comment - 19 Apr 2018

It is sad that in this case, there is a willingness to perfect the scope of the calendar : #19944
and not in this case...
what a pity

avatar ciar4n
ciar4n - comment - 19 Apr 2018

@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.

avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2018
Status Closed New
Closed_Date 2018-04-19 09:23:45
Closed_By joomla-cms-bot
avatar franz-wohlkoenig franz-wohlkoenig - change - 19 Apr 2018
Closed_Date 0000-00-00 00:00:00
avatar joomla-cms-bot
joomla-cms-bot - comment - 19 Apr 2018
avatar joomla-cms-bot joomla-cms-bot - reopen - 19 Apr 2018
avatar franz-wohlkoenig franz-wohlkoenig - change - 19 Apr 2018
Category JavaScript Plugins
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 19 Apr 2018

reopened as stated above.

avatar fuscage fuscage - change - 19 Apr 2018
The description was changed
Title
since 3.7 calendar field doesn't display entirely in a scrool datatable
since 3.7 calendar field doesn't display entirely in a scrool table
avatar fuscage fuscage - edited - 19 Apr 2018
avatar fuscage fuscage - edited - 19 Apr 2018
avatar dgrammatiko
dgrammatiko - comment - 19 Apr 2018

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

avatar brianteeman brianteeman - change - 20 Apr 2018
Title
since 3.7 calendar field doesn't display entirely in a scrool table
since 3.7 calendar field doesn't display entirely in a scroll table
avatar brianteeman brianteeman - edited - 20 Apr 2018
avatar ggppdk
ggppdk - comment - 20 Apr 2018

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 ?

avatar ggppdk
ggppdk - comment - 20 Apr 2018

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

avatar franz-wohlkoenig franz-wohlkoenig - change - 20 Apr 2018
Status New Discussion
avatar dgrammatiko
dgrammatiko - comment - 20 Apr 2018

Actually there is no guaranteed fix for this

Well there is: web components and shadow DOM. But not for J3 :(

avatar brianteeman brianteeman - change - 23 Apr 2018
Labels Added: J3 Issue
avatar brianteeman brianteeman - labeled - 23 Apr 2018
avatar jwaisner jwaisner - change - 13 Mar 2020
Status Discussion Closed - Unconfirmed Report
Closed_Date 0000-00-00 00:00:00 2020-03-13 19:44:31
Closed_By jwaisner
avatar joomla-cms-bot joomla-cms-bot - change - 13 Mar 2020
Status Closed - Unconfirmed Report Closed
Closed_By jwaisner joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 13 Mar 2020
avatar joomla-cms-bot
joomla-cms-bot - comment - 13 Mar 2020

Set to "closed" on behalf of @jwaisner by The JTracker Application at issues.joomla.org/joomla-cms/20201

avatar jwaisner
jwaisner - comment - 13 Mar 2020

Closing this as it has been confirmed as not a bug in J3.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/20201.

Add a Comment

Login with GitHub to post a comment