@chat21/chat21-ionic 3.4.28 → 3.4.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/package.json +1 -1
  3. package/src/app/pages/contacts-directory/contacts-directory.page.scss +30 -25
  4. package/src/app/pages/conversations-list/conversations-list.page.scss +15 -4
  5. package/src/app/pages/unassigned-conversations/unassigned-conversations.page.scss +15 -5
package/CHANGELOG.md CHANGED
@@ -8,6 +8,9 @@
8
8
  ### **Copyrigth**:
9
9
  *Tiledesk SRL*
10
10
 
11
+ # 3.4.29 in PROD
12
+ - **bug-fixed**: web (Chrome >= 144) `ion-content` stopped scrolling on some pages (conversation list / contacts directory / unassigned); removed the forced `--overflow: hidden` and handled scrolling on Ionic’s internal scroll container via `ion-content::part(scroll)`
13
+
11
14
  # 3.4.28 in PROD
12
15
  - **bug-fixed**: cannot do project subscription if last_project object is not a project_user obj
13
16
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@chat21/chat21-ionic",
3
3
  "author": "Tiledesk SRL",
4
- "version": "3.4.28",
4
+ "version": "3.4.29",
5
5
  "license": "MIT License",
6
6
  "homepage": "https://tiledesk.com/",
7
7
  "repository": {
package/src/app/pages/contacts-directory/contacts-directory.page.scss CHANGED
@@ -17,35 +17,40 @@ ion-toolbar {
17
17
 
18
18
  ion-content {
19
19
  // overwrite inline styles
20
- --offset-bottom: auto!important;
21
- --overflow: hidden;
22
- overflow: scroll;
23
-
24
- /* For Firefox */
25
- @-moz-document url-prefix() {
26
- scrollbar-width: none;
27
- }
20
+ // --offset-bottom: auto!important;
21
+ // Ionic scroll is handled by the internal scroll container (Shadow DOM).
22
+ // Forcing `--overflow: hidden` breaks scrolling (Chrome >= 144 is stricter here).
23
+ --overflow: auto;
28
24
 
29
25
  &:not(.mobile){
30
26
  background: var(--list-bkg-color);
31
27
  }
32
-
33
- &::-webkit-scrollbar {
34
- width: 6px;
35
- height: 8px;
36
- display: none;
37
- }
38
-
39
- &::-webkit-scrollbar-track {
40
- background: #f9f9f9;
41
- }
42
- &::-webkit-scrollbar-thumb {
43
- background-color: #b9b9b9;
44
- border-radius: 0px;
45
- }
46
- &::-webkit-scrollbar-thumb:hover {
47
- background-color: #727272;
48
- }
28
+ }
29
+
30
+ // Target Ionic internal scroll container (Shadow DOM) for overflow + scrollbar styling
31
+ ion-content::part(scroll) {
32
+ overflow-y: auto;
33
+ -webkit-overflow-scrolling: touch;
34
+
35
+ /* For Firefox */
36
+ scrollbar-width: none;
37
+
38
+ &::-webkit-scrollbar {
39
+ width: 6px;
40
+ height: 8px;
41
+ display: none;
42
+ }
43
+
44
+ &::-webkit-scrollbar-track {
45
+ background: #f9f9f9;
46
+ }
47
+ &::-webkit-scrollbar-thumb {
48
+ background-color: #b9b9b9;
49
+ border-radius: 0px;
50
+ }
51
+ &::-webkit-scrollbar-thumb:hover {
52
+ background-color: #727272;
53
+ }
49
54
  }
50
55
 
51
56
  .loader {
package/src/app/pages/conversations-list/conversations-list.page.scss CHANGED
@@ -11,13 +11,14 @@ ion-header {
11
11
 
12
12
  ion-content {
13
13
  // overwrite inline styles
14
- --offset-bottom: auto!important;
15
- --overflow: hidden;
16
- overflow: scroll;
14
+ // --offset-bottom: auto!important;
15
+ // Ionic scroll is handled by the internal scroll container (Shadow DOM).
16
+ // Forcing `--overflow: hidden` breaks scrolling (Chrome >= 144 is stricter here).
17
+ --overflow: auto;
17
18
 
18
19
  /* For Firefox */
19
20
  @-moz-document url-prefix() {
20
- scrollbar-width: none;
21
+ // scrollbar styling must target the internal scroll element
21
22
  }
22
23
 
23
24
 
@@ -25,6 +26,16 @@ ion-content {
25
26
  background: var(--list-bkg-color);
26
27
  }
27
28
 
29
+ }
30
+
31
+ // Target Ionic internal scroll container (Shadow DOM) for overflow + scrollbar styling
32
+ ion-content::part(scroll) {
33
+ overflow-y: auto;
34
+ -webkit-overflow-scrolling: touch;
35
+
36
+ /* For Firefox */
37
+ scrollbar-width: none;
38
+
28
39
  &::-webkit-scrollbar {
29
40
  width: 6px;
30
41
  height: 8px;
package/src/app/pages/unassigned-conversations/unassigned-conversations.page.scss CHANGED
@@ -16,11 +16,21 @@ ion-toolbar {
16
16
 
17
17
  ion-content {
18
18
  // overwrite inline styles
19
- --overflow: hidden;
20
- overflow: scroll;
19
+ // Ionic scroll is handled by the internal scroll container (Shadow DOM).
20
+ // Forcing `--overflow: hidden` breaks scrolling (Chrome >= 144 is stricter here).
21
+ --overflow: auto;
21
22
  &:not(.mobile){
22
23
  --background: var(--list-bkg-color);
23
24
  }
25
+ }
26
+
27
+ // Target Ionic internal scroll container (Shadow DOM) for overflow + scrollbar styling
28
+ ion-content::part(scroll) {
29
+ overflow-y: auto;
30
+ -webkit-overflow-scrolling: touch;
31
+
32
+ /* For Firefox */
33
+ scrollbar-width: none;
24
34
 
25
35
  &::-webkit-scrollbar {
26
36
  width: 6px;
@@ -32,11 +42,11 @@ ion-content {
32
42
  background: #f9f9f9;
33
43
  }
34
44
  &::-webkit-scrollbar-thumb {
35
- background-color: #b9b9b9;
36
- border-radius: 0px;
45
+ background-color: #b9b9b9;
46
+ border-radius: 0px;
37
47
  }
38
48
  &::-webkit-scrollbar-thumb:hover {
39
- background-color: #727272;
49
+ background-color: #727272;
40
50
  }
41
51
  }
42
52